/* Design tokens — the "sunrise" / ISA × GRIHA theme, the mockup's default and only
   surviving theme. The switcher and the other two themes are deliberately not ported. */
:root {
  /* Color */
  --bg: #F3F4F7;
  --bg2: #EBEEF2;
  --ink: #1A1F3D;
  --ink2: #3C4763;
  --muted: #5E6A85;
  /* Darkened from the mockup's original #9AA3B8 (2.53:1 on white — fails WCAG
     AA's 4.5:1 for normal text, and this token is used at text-xs across
     About/Home/Results/Timeline/Contact). #687292 measures 4.76:1. */
  --faint: #687292;
  --navy: #14164F;
  --navy2: #0D0F3B;
  --primary: oklch(0.60 0.19 40);
  --primary-hover: oklch(0.53 0.17 40);
  --primary-deep: oklch(0.48 0.15 40);
  --primary-bright: oklch(0.42 0.12 285);
  --p-tint1: oklch(0.96 0.02 50);
  --p-tint2: oklch(0.96 0.03 50);
  --p-tint3: oklch(0.94 0.04 50);
  --p-tint4: oklch(0.97 0.02 50);
  --green: oklch(0.58 0.13 135);
  --green-deep: oklch(0.48 0.12 138);
  --green-deeper: oklch(0.41 0.10 140);
  --green-text: oklch(0.36 0.11 142);
  --g-tint1: oklch(0.96 0.025 135);
  --g-tint2: oklch(0.94 0.06 135);
  --g-tint3: oklch(0.88 0.06 135);
  --g-bright: oklch(0.82 0.11 135);
  --g-bright2: oklch(0.85 0.08 135);
  --g-sel: oklch(0.87 0.09 135);
  --g-tint4: oklch(0.97 0.025 135);
  --g-tint5: oklch(0.985 0.012 135);
  --g-tint6: oklch(0.98 0.015 135);
  --gold: oklch(0.72 0.16 65);
  --gold2: oklch(0.78 0.15 70);
  --grad1: oklch(0.26 0.10 290);
  --grad2: oklch(0.34 0.09 150);
  --grad3: oklch(0.23 0.09 285);
  --grad4: oklch(0.26 0.09 288);
  --grad5: oklch(0.42 0.10 200);
  --track: #E8EAEF;
  --line: #DDE1E8;
  --chip: #E4E7ED;
  --disabled: #D4D8E0;
  --disabled-text: #8D95A6;
  /* WCAG contrast doesn't apply to disabled controls (1.4.3 exempts inactive
     UI components), so --disabled-text is left as-is. */
  /* Darkened from #6A7390 (3.79:1 against --chip — fails AA; not yet used on
     any live page, but this was latent). #56607C measures 5.04:1 on --chip. */
  --pending-text: #56607C;

  /* Typography */
  --font-heading: 'Sora', sans-serif;
  --font-body: 'IBM Plex Sans', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  --text-xs: 0.7188rem;   /* 11.5px */
  --text-sm: 0.8438rem;   /* 13.5px */
  --text-base: 0.9375rem; /* 15px */
  --text-md: 1.0313rem;   /* 16.5px */
  --text-lg: 1.125rem;    /* 18px */
  --text-xl: 1.375rem;    /* 22px */
  --text-2xl: 1.625rem;   /* 26px */
  --text-3xl: 2.125rem;   /* 34px */
  --text-4xl: 2.625rem;   /* 42px */
  --text-hero: 3.25rem;   /* 52px */

  --tracking-eyebrow: 0.16em;
  --tracking-eyebrow-wide: 0.18em;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 20px;

  /* Spacing */
  --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: 4rem;
}