/* ============================================================
   FR44 Insurance of Virginia — Design Tokens (locked)
   Brand: Navy #00365C + Orange #FF6200. Source: briefs 02 & 06.
   Orange is for buttons/headings/accents ONLY — never body text.
   ============================================================ */
:root{
  /* Brand core (locked) */
  --navy-900:#00365C;
  --orange-500:#FF6200;

  /* Extended navy ramp (hue-consistent) */
  --navy-950:#002744;
  --navy-800:#013356;
  --navy-700:#0A4C7A;
  --navy-500:#1E6CA0;
  --navy-300:#9CC0DA;
  --navy-100:#E6EEF4;
  --navy-50:#F2F7FB;

  /* Orange ramp */
  --orange-700:#C94B00;   /* AA text-on-white capable (~4.0:1 at bold) */
  --orange-600:#E55700;   /* CTA hover / pressed */
  --orange-400:#FF7E2E;
  --orange-100:#FFE9DB;
  --orange-50:#FFF4EC;

  /* Neutrals / text */
  --ink:#0F1B26;          /* max-contrast body text */
  --slate-700:#33424F;
  --slate-500:#5B6B79;    /* muted secondary text (>=4.5:1 on white) */
  --slate-300:#AEB9C2;
  --line:#E4EAF0;         /* hairline borders */
  --paper:#FFFFFF;
  --cloud:#F5F8FB;        /* alternating section bg */

  /* Semantic */
  --success:#1F9D63;
  --success-bg:#E7F6EF;
  --warn:#B6770A;
  --warn-bg:#FFF6E6;

  /* Typography */
  --font-head:"Archivo","Hanken Grotesk",system-ui,-apple-system,Segoe UI,sans-serif;
  --font-body:"Inter","Hanken Grotesk",system-ui,-apple-system,Segoe UI,sans-serif;

  /* Fluid type scale (clamp: min @360px → max @1240px) */
  --step--1:clamp(0.83rem, 0.80rem + 0.13vw, 0.89rem);
  --step-0: clamp(1rem, 0.96rem + 0.18vw, 1.08rem);     /* body 16→17.3 */
  --step-1: clamp(1.18rem, 1.10rem + 0.36vw, 1.40rem);
  --step-2: clamp(1.42rem, 1.28rem + 0.62vw, 1.80rem);
  --step-3: clamp(1.70rem, 1.46rem + 1.05vw, 2.40rem);
  --step-4: clamp(2.05rem, 1.62rem + 1.90vw, 3.20rem);
  --step-5: clamp(2.45rem, 1.70rem + 3.30vw, 4.20rem);  /* hero H1 */

  /* Spacing (8pt rhythm) */
  --s1:0.5rem; --s2:1rem; --s3:1.5rem; --s4:2rem; --s5:3rem; --s6:5rem; --s7:7rem;

  /* Layout */
  --maxw:1200px;
  --maxw-prose:74ch;
  --gutter:clamp(1.1rem, 0.6rem + 2.4vw, 2.5rem);

  /* Radius */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;

  /* Shadows (navy-tinted) */
  --shadow-1:0 1px 2px rgba(0,54,92,.06), 0 4px 14px rgba(0,54,92,.08);
  --shadow-2:0 2px 6px rgba(0,54,92,.08), 0 18px 40px rgba(0,54,92,.12);
  --shadow-cta:0 6px 20px rgba(255,98,0,.30);
  --ring:0 0 0 3px rgba(255,98,0,.35);
  --ring-navy:0 0 0 3px rgba(10,76,122,.35);

  /* Motion */
  --ease-out:cubic-bezier(.16,.84,.44,1);
  --t-fast:130ms; --t-mid:200ms; --t-slow:320ms;

  /* Chrome heights */
  --header-h:72px;
  --mobilebar-h:64px;
}
@media (max-width:600px){ :root{ --header-h:60px; } }