/* Generated from design-system/tokens/tokens.json by npm run design-tokens:build. */
@font-face{
  font-family:'Fraunces';
  font-style:normal;
  font-weight:500 700;
  font-display:swap;
  src:url('/assets/fonts/fraunces-latin-500-700.woff2') format('woff2');
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('/assets/fonts/inter-latin-400-700.woff2') format('woff2');
}

:root {
  --paper:#fbf7f0;
  --paper-2:#f3ecdf;
  --ink:#22303c;
  --ink-soft:#54626f;
  --lake:#1b4965;
  --teal:#127c82;
  --sun:#f6a01b;
  --mw-green:#3f8a43;
  --mw-yellow:#f2b12e;
  --mw-red:#cd4631;
  --mw-blue:#2a6fb5;
  --card:#ffffff;
  --line:#e7ddca;
  --radius:14px;
  --shadow:0 2px 6px rgba(34,48,60,.07),0 14px 34px rgba(34,48,60,.09);
  --w:1160px;
  --display:'Fraunces',Georgia,serif;
  --sans:'Inter','Segoe UI',system-ui,sans-serif;
  --color-canvas:#fffdf8;
  --color-section-soft:#edf5ff;
  --color-action:#174ea6;
  --color-inverse-surface:#12366e;
  --color-feature-surface:#00636d;
  --color-accent-teal:#006d77;
  --color-action-gold:#ffca45;
  --color-icon-blue-ink:#1758b8;
  --color-icon-blue-wash:#e9f1ff;
  --color-icon-blue-fill:#bfd6ff;
  --color-icon-teal-ink:#00716c;
  --color-icon-teal-wash:#e2f4ed;
  --color-icon-teal-fill:#aedecb;
  --color-icon-gold-ink:#906000;
  --color-icon-gold-wash:#fff2cb;
  --color-icon-gold-fill:#f4d476;
  --color-primary-text:#203149;
  --color-secondary-text:#526078;
  --color-inverse-text-soft:#edf6ff;
  --color-border-subtle:#d5e1ef;
  --color-white-surface:#fff;
  --service-indigo:#3152cf;
  --service-blue:#187fd9;
  --service-cyan:#087687;
  --service-blue-dark:#17478d;
  --service-navy:#17345f;
  --service-pale:#f1f6ff;
  --service-line:#d6e2f4;
  --service-gradient:linear-gradient(110deg,#3152cf 0%,#2275dc 38%,#0f79c4 68%,#087687 100%);
  --weight-display:600;
  --text-sm:.875rem;
  --text-base:1.0625rem;
  --text-md:1.1875rem;
  --text-lg:clamp(1.375rem,1.2rem + .8vw,1.625rem);
  --text-xl:clamp(1.625rem,1.35rem + 1.4vw,2.125rem);
  --text-2xl:clamp(2rem,1.6rem + 2vw,2.75rem);
  --text-3xl:clamp(2.5rem,2rem + 3vw,4rem);
  --leading-body:1.68;
  --leading-tight:1.18;
  --measure:72ch;
  --space-2xs:.25rem;
  --space-xs:.5rem;
  --space-sm:.75rem;
  --space-md:1rem;
  --space-lg:1.5rem;
  --space-xl:3rem;
  --space-2xl:4rem;
  --space-3xl:6rem;
  --container-pad:24px;
  --radius-sm:9px;
  --radius-full:999px;
  --shadow-sm:0 1px 3px rgba(34,48,60,.08);
  --tap-min:44px;
  --color-text-inverse:#fff;
  --color-text-inverse-soft:#e6f3fa;
  --color-danger:#a52f20;
  --color-danger-soft:#fbe9e4;
  --sfn-green-ink:#2e6b22;
  --sfn-green-tint:#e7f3e4;
  --sfn-yellow-ink:#6b5400;
  --sfn-yellow-tint:#fbf3ce;
  --sfn-blue-tint:#e5edf9;
  --sfn-orange-ink:#734700;
  --sfn-orange-tint:#fbeedd;
  --color-action-contrast:var(--color-inverse-surface);
  --font-display:var(--display);
  --font-body:var(--sans);
  --container-max:var(--w);
  --radius-md:var(--radius);
  --shadow-md:var(--shadow);
  --color-surface:var(--card);
  --color-surface-soft:var(--paper);
  --color-surface-inverse:var(--service-navy);
  --color-border:var(--line);
  --color-text:var(--ink);
  --color-text-strong:var(--service-navy);
  --color-text-muted:var(--ink-soft);
  --color-accent:var(--lake);
  --color-accent-strong:var(--service-navy);
  --color-accent-soft:var(--service-pale);
  --gradient-hero:var(--service-gradient);
  --wheel-band:linear-gradient(90deg,var(--mw-yellow) 0 25%,var(--mw-red) 25% 50%,var(--mw-blue) 50% 75%,var(--mw-green) 75% 100%);
  --sfn-green:var(--mw-green);
  --sfn-yellow:var(--mw-yellow);
  --sfn-blue:var(--mw-blue);
  --sfn-orange:var(--sun);
}

@media (max-width:47.9375rem){
  :root{--text-base:1rem;--container-pad:20px}
}
