/* ─────────────────────────────────────────────────────────────
   OAW Insurance — design tokens
   palette: OAW orange/cream (matches the live LeadConnector-style
   template archetype the city portfolio grew out of)

   Per-city sites override the brand block below with their own
   logo colour. Everything else in the portfolio is identical.
   ──────────────────────────────────────────────────────────── */
:root {
  /* ── brand (per-site) ─────────────────────────────────────── */
  --color-primary: #9D8BD3;      /* hero band, buttons, accents */
  --color-primary-deep: #8D79CC; /* hover/active on the brand band */
  /* brand on cream — eyebrows, numerals, the FAQ +/-, the star row. Tuned
     against --color-paper-deep (the darker of the two cream grounds), not
     --color-paper: the old #7961C3 cleared 4.5:1 on paper by a hair and
     failed outright on paper-deep. */
  --color-heading-accent: #715AB5;
  --color-primary-pale: #EAE5F8; /* selected answer card */
  --color-on-dark-accent: #BAAEE0; /* brand on the navy footer */
  --color-paper-warm: #C2B6E3;   /* warm CTA band */

  /* ── neutrals (shared portfolio-wide) ─────────────────────── */
  --color-ink: #2A3340;          /* body and headings */
  --color-ink-soft: #4A5468;
  --color-ink-deep: #1B2230;     /* text on the brand band */
  --color-paper: #FAF7F0;        /* warm cream */
  --color-paper-deep: #F2EBDB;   /* deeper cream for alt sections */
  --color-field: #FFFFFF;        /* input backgrounds */
  --color-muted: #5A6273;
  --color-border: #E1DACA;
  --color-border-strong: #C9BFA6;
  --color-success: #2F6B4A;
  --color-success-soft: #E4F1E9;
  --color-danger: #B33A3A;
  --color-danger-soft: #FBEEEE;

  /* on-dark text roles (navy footer) */
  --color-on-dark: #FAF7F0;
  --color-on-dark-soft: #D6D2CA;
  --color-on-dark-faint: #B3AFA8;
  --color-on-dark-rule: #454E5E;

  /* type roles */
  --font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-utility: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* scale */
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 2.625rem;
  --text-4xl: 3.25rem;
  --text-5xl: 4.25rem;

  /* space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
  --space-10: 9rem;

  /* layout */
  --maxw: 1200px;
  --measure: 64ch;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  /* elevation */
  --shadow-card: 0 18px 50px rgba(27, 34, 48, 0.22);
  --shadow-soft: 0 8px 24px rgba(27, 34, 48, 0.10);

  /* motion */
  --ease: cubic-bezier(.2,.6,.2,1);
  --dur-fast: 140ms;
  --dur-med: 280ms;
}