@font-face{font-family:'Tinos';font-style:normal;font-weight:400;font-display:swap;src:url('/public/fonts/tinos/Tinos-Regular.woff2') format('woff2')}
@font-face{font-family:'Tinos';font-style:normal;font-weight:700;font-display:swap;src:url('/public/fonts/tinos/Tinos-Bold.woff2') format('woff2')}
:root {
  --nav-font-family: "Tinos", "Times New Roman", serif;
  --font-body: var(--nav-font-family);
  --brand-font-body: var(--nav-font-family);
  --brand-font-display: "Tinos", "Times New Roman", serif;
  --brand-primary: #1f3a5f;
  --brand-primary-ink: #ffffff;
  --brand-surface: #f4f1e8;
  --nav-color-primary: #1f3a5f;
  --nav-color-primary-hover: #182e4c;
  --nav-color-primary-active: #112239;
  --nav-color-on-primary: #ffffff;
  --nav-color-on-brand: #ffffff;
  --nav-color-link: #1f3a5f;
  --nav-color-link-hover: #112239;
  --nav-color-surface-subtle: #f4f1e8;
}

@media (prefers-color-scheme: dark) {
  :root {
  --nav-font-family: "Tinos", "Times New Roman", serif;
  --font-body: var(--nav-font-family);
  --brand-font-body: var(--nav-font-family);
  --brand-font-display: "Tinos", "Times New Roman", serif;
  --brand-primary: #a9c4e8;
  --brand-primary-ink: #0f1e33;
  --brand-surface: #16263b;
  --nav-color-primary: #a9c4e8;
  --nav-color-primary-hover: #c3d6ef;
  --nav-color-primary-active: #dbe7f6;
  --nav-color-on-primary: #0f1e33;
  --nav-color-on-brand: #0f1e33;
  --nav-color-link: #a9c4e8;
  --nav-color-link-hover: #c3d6ef;
  --nav-color-surface-subtle: #16263b;
  --nav-color-bg: #0d1117;
  --nav-color-surface: #161b22;
  --nav-color-surface-raised: #1c2128;
  }
}