/* Light / dark theming.
 *
 * Every page ships an inline dark palette (:root{--bg:…}). This file adds the
 * LIGHT palette as a higher-specificity override — :root[data-theme="light"]
 * (0,2,0) beats the inline :root (0,1,0) regardless of source order — so a page
 * only needs this stylesheet + the tiny inline init that sets data-theme.
 * Dark stays the default (no attribute = the page's own dark :root).
 *
 * It also defines tokens that AREN'T in the per-page palette (e.g. --nav-bg),
 * with a dark default here + a light override below, so components that used a
 * hardcoded dark colour can switch to var(--nav-bg) without touching 12 files.
 */

:root {
  --nav-bg: rgba(14, 14, 12, 0.9);   /* top-nav background (was hardcoded) */
  --shadow: rgba(0, 0, 0, 0.4);
}

:root[data-theme="light"] {
  --bg:  #f4f1ea;   /* warm off-white page */
  --bg2: #fdfbf6;   /* cards / panels (elevated, near-white) */
  --bg3: #e9e4d9;   /* inputs / poster fallbacks / elevated chips */
  --tx:  #211f1a;   /* primary text (near-black, warm) */
  --tx2: #57524a;   /* secondary text */
  --tx3: #7c766c;   /* muted text */
  --ac:  #b5560f;   /* accent — darkened orange for contrast on light */
  --acf: #b25a11;   /* filled-button orange (white text still ≥4.5:1) */
  --acl: rgba(224, 122, 47, 0.14);   /* soft accent tint */
  --bd:  rgba(40, 36, 28, 0.12);     /* subtle border (dark on light) */
  --bd2: rgba(40, 36, 28, 0.22);     /* stronger border */
  --red:   #cf3b3a;
  --green: #2f9a58;

  --nav-bg: rgba(253, 251, 246, 0.85);
  --shadow: rgba(40, 36, 28, 0.14);

  color-scheme: light;   /* native controls (scrollbars, form widgets) go light */
}