/*
Design tokens. Verbatim from DESIGN.md Section 1. Do not edit values here,
edit DESIGN.md first, then copy back down.
*/
:root{
  --bg:#0A0C07; --bg2:#0F130B; --surface:#141A0E; --surface2:#1A2113;
  --line:#26301A; --line2:#333f22;
  --ink:#EEF3E4; --muted:#93A084;
  --faint:#808D75;   /* D8 approved remediation. Concept value was #6C7860 (3.54:1 to 4.20:1, fails). */
  --lime:#A8FF04; --lime-ink:#A8FF04; --lime-soft:rgba(168,255,4,.10); --lime-line:rgba(168,255,4,.28);
  --violet:#B026FF; --violet-soft:rgba(176,38,255,.14);
  --chrome:#CDD3D9;
  --hero-ink:#EEF3E4; --hero-muted:#93A084;
  --radius:16px; --radius-sm:10px; --maxw:1240px;
  --display:'Syne',sans-serif; --body:'Space Grotesk',sans-serif; --mono:'Space Mono',monospace;
  --shadow:0 24px 60px -20px rgba(0,0,0,.7);
}
:root[data-theme="light"]{
  --bg:#F2F4EA; --bg2:#E9EDDD; --surface:#FFFFFF; --surface2:#F4F6EC;
  --line:#DCE2CD; --line2:#CBD3B6;
  --ink:#11150B; --muted:#5B6650;
  --faint:#626C57;   /* D8 approved remediation. Concept value was #8A957C (2.64:1 to 3.15:1, fails). */
  --lime:#A8FF04; --lime-ink:#4d7500; --lime-soft:rgba(122,196,0,.16); --lime-line:rgba(95,143,0,.4);
  --violet:#8b18d6; --violet-soft:rgba(139,24,214,.10);
  --chrome:#5b6650;
  --shadow:0 22px 50px -24px rgba(30,45,10,.28);
}

/*
Always-dark surfaces. DESIGN.md Section 1.2. Applies to .hero, .newsletter,
.age-gate. Any new always-dark surface re-declares this block, never
hardcoded hexes.
*/
.hero,.news,.gate{--ink:#EEF3E4;--muted:#93A084;--faint:#808D75;--line:#26301A;--line2:#333f22;
  --lime:#A8FF04;--lime-ink:#A8FF04;--violet:#B026FF;--surface:#141A0E;--surface2:#1A2113;--lime-line:rgba(168,255,4,.28)}

/*
Additive tokens. DESIGN.md Section 1.3. Appended to both :root blocks.
*/
:root{
  /* spacing scale (covers the concept's real usage, see §3.1) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;
  /* radii already implied by the concept, promoted to tokens */
  --radius-xs:8px;   /* .spec-readout--compact 8px, .badge 6px, .strain-card__add 9px band */
  --radius-lg:24px;  /* .news 24px, .story-badge 24px */
  --radius-pill:999px;
  /* motion */
  --dur-fast:.16s; --dur:.2s; --dur-slow:.26s; --ease:cubic-bezier(.2,.7,.2,1);
  /* focus */
  --focus:var(--lime-ink);
  /* status (notices only, see §5.14) */
  --danger:#FF6B4A; --warn:#FFC53D;
}
:root[data-theme="light"]{
  --danger:#B22D0E; --warn:#7A5200;
}