/* AmberNow site design tokens — shared by the landing page (landing.html) and policy pages
   (policy.html). Calm neutrals, one brand amber used sparingly, one cool support colour.
   Contrast notes (WCAG AA): --accent is NOT a text colour on white (2.6:1) — use it for the
   primary button (ink text on amber, 6.8:1), the one highlighted word's underline and key
   icons. --muted is for icons only (2.6:1); text uses --text (7.6:1) or --ink. */
:root {
  /* Neutrals */
  --bg:           #FFFFFF;
  --surface:      #F8FAFC;
  --border:       #E5E7EB;
  --ink:          #0F172A;
  --text:         #475569;
  --muted:        #94A3B8;

  /* Brand + support */
  --accent:       #E8890C;
  --accent-hover: #CF7A0A;
  --accent-soft:  #FEF3C7;   /* chip background */
  --accent-ink:   #92400E;   /* amber-family text on white / on --accent-soft (6.4:1+) */
  --indigo:       #3B4BA8;   /* links, "in progress" */
  --green:        #16A34A;   /* status dots / chips only */
  --blue:         #2563EB;   /* status dots / chips only */

  /* Type scale */
  --fs-13: 13px; --fs-15: 15px; --fs-17: 17px; --fs-20: 20px; --fs-28: 28px; --fs-40: 40px; --fs-56: 56px;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Shape, depth, spacing (8px grid) */
  --r-btn:  10px;
  --r-card: 14px;
  --shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px -8px rgba(15, 23, 42, 0.12);
  --sp-1: 8px; --sp-2: 16px; --sp-3: 24px; --sp-4: 32px; --sp-5: 40px; --sp-6: 48px; --sp-8: 64px; --sp-12: 96px; --sp-15: 120px;
}