/* Camstalgia — the app's paywall look: a warm dark brown fading to black, an orange accent,
   and buttons in the featured card's orange-to-purple gradient.
   Contrast checked (WCAG AA) in both schemes, 7 Nov 2026 (tools/contrast.py):
   dark:  body text 17.1 : 1 on the page, 15.3 on cards; muted 8.4 / 7.6; small footer text (muted at 80 %) 5.7;
          links/accent #ffab1f 10.3 / 9.2; headline gradient 9.9+; eyebrow 9.9+.
   light: body text 16.8 : 1; muted 8.5 on the page, 9.1 on cards; small footer text 5.0;
          links/accent #994500 6.1 / 6.6; headline gradient and eyebrow 6.1+.
   White button text on the gradient (both schemes): 5.4 on #b4480c, 6.5 on #7a3cc0.
   Display font: Chakra Petch (Google Fonts, loaded through app.json "fonts.googleCss"); body stays the system font. */
:root{
  --accent:#ffab1f;             /* the paywall's orange: links, icons, tags (on the dark canvas) */
  --accent-2:#9b5de5;           /* purple, for the section glows */
  --grad:linear-gradient(135deg,#b4480c,#7a3cc0);                    /* orange to purple, like the featured card: buttons (white text) */
  --grad-text:linear-gradient(135deg,#ffb84a,#d6a6ff);               /* headline words on the dark canvas */
  --ink-1:#ffb84a; --ink-2:#d6a6ff;
  --glow-1:rgba(255,150,40,.16);   /* warm brown at the top, like the paywall (#331f0d) */
  --glow-2:rgba(155,93,229,.12);
  --bg:#110c0a; --bg-2:#18110d; --card:#211812; --line:#3a2b1f;
  --text:#f7efe6; --muted:#b8a898;
  --glass-bg:rgba(24,17,13,.66);
  --glass-line:rgba(200,160,120,.20);
  --shadow-btn:0 6px 20px rgba(180,72,12,.40);
  --font-display:"Chakra Petch","Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-display-weight:700;
}
@media (prefers-color-scheme: light){
  :root{
    --accent:#994500;           /* the paywall's light-mode orange: AA on white */
    --accent-2:#6d2fae;
    --grad-text:linear-gradient(135deg,#994500,#6d2fae);
    --ink-1:#994500; --ink-2:#6d2fae;
    --glow-1:rgba(255,150,40,.12);
    --glow-2:rgba(155,93,229,.07);
    --bg:#fbf7f1; --bg-2:#ffffff; --card:#ffffff; --line:#ece2d5;
    --text:#1f150d; --muted:#54463a;
    --glass-bg:rgba(255,255,255,.66);
    --glass-line:rgba(31,21,13,.10);
    --shadow-btn:0 6px 20px rgba(180,72,12,.26);
  }
}

/* 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)}}