/* StereoCam: the app's two lens colours, red and blue (its icon and paywall), like red-cyan 3D glasses, on black.
   Contrast checked (WCAG AA, tools/contrast.py) in both schemes, 4 Nov 2026: body text 17.4 : 1 (dark) / 17.6 : 1
   (light), muted text 7.1+ : 1 / 8.5 : 1, links 8.8+ : 1 / 6.5+ : 1, white button text on both gradient ends
   6.2+ : 1, small footer text (muted at 80 %) 5.3 : 1 / 4.75 : 1, headline gradient words 8.7+ : 1 / 6.5+ : 1.
   Display font: Space Grotesk (Google Fonts, loaded through app.json "fonts.googleCss"). */
:root{
  --accent:#6cbcff;             /* light lens blue: links, icons, tags on the dark canvas */
  --accent-2:#ff5a63;           /* lens red: second stop, glows */
  --grad:linear-gradient(135deg,#b81221,#0f5cc7);                    /* deep red to deep blue: buttons (white text) */
  --grad-text:linear-gradient(135deg,#ff8a90,#6cbcff);               /* headline words on the dark canvas */
  --ink-1:#ff8a90; --ink-2:#6cbcff;
  --glow-1:rgba(232,33,43,.16);
  --glow-2:rgba(31,148,242,.16);
  --bg:#0a0b10; --bg-2:#101218; --card:#14161d; --line:#242836;
  --text:#eef1f7; --muted:#9aa3b5;
  --glass-bg:rgba(16,18,24,.64);
  --glass-line:rgba(120,130,160,.22);
  --shadow-btn:0 6px 20px rgba(184,18,33,.34);
  --font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-display-weight:700;
}
@media (prefers-color-scheme: light){
  :root{
    --accent:#0b55bf;           /* deep lens blue: AA on white */
    --accent-2:#b0101e;
    --grad-text:linear-gradient(135deg,#b0101e,#0b55bf);
    --ink-1:#b0101e; --ink-2:#0b55bf;
    --glow-1:rgba(232,33,43,.08);
    --glow-2:rgba(31,148,242,.09);
    --bg:#f8f8fb; --bg-2:#ffffff; --card:#ffffff; --line:#e5e7ee;
    --text:#0d1220; --muted:#454d5e;
    --glass-bg:rgba(255,255,255,.64);
    --glass-line:rgba(13,18,32,.10);
    --shadow-btn:0 6px 20px rgba(184,18,33,.22);
  }
}

/* Added by build.py: the accessibility overrides from site.css win over the theme. */
@media (prefers-reduced-transparency: reduce){:root{--glass-blur:none}}
@media (prefers-contrast: more){:root{--line:color-mix(in srgb,var(--text) 35%,transparent)}}