/* ================================================================
   Site themes. html[data-skin] picks the theme, html[data-theme] picks dark/light.
   Every theme keeps the same story: a cold "machine" signal colour (--teal)
   giving way to a warm "human" ink colour (--verm) as --p goes 0 → 1.
   Shared by the site, /admin previews and the /print PDF export.
   ================================================================ */

/* ---------- 1 · Ink & Signal (default) ---------- */
:root {
  --p: 0;
  --bg-cold: #080a0d;
  --bg-warm: #171009;
  --text: #efe9dd;
  --muted: rgba(239, 233, 221, .64);
  --faint: rgba(239, 233, 221, .14);
  --hair: rgba(239, 233, 221, .09);
  --card: rgba(239, 233, 221, .035);
  --teal: #4fc3b5;
  --verm: #ff5a2c;
  --amber: #e8a33d;
  --on-verm: #120905;

  --f-display: 'Fraunces', 'Noto Serif', Georgia, serif;
  --f-body: 'Hanken Grotesk', system-ui, sans-serif;
  --f-mono: 'Martian Mono', ui-monospace, monospace;
  --quote-style: italic;
  --display-track: -.022em;
  color-scheme: dark;
}
html[data-theme="light"] {
  --bg-cold: #eef1f2;
  --bg-warm: #f4e9d6;
  --text: #17120e;
  --muted: rgba(23, 18, 14, .68);
  --faint: rgba(23, 18, 14, .16);
  --hair: rgba(23, 18, 14, .1);
  --card: rgba(23, 18, 14, .035);
  --teal: #0c8a7d;
  --verm: #d9400f;
  --amber: #c27a10;
  --on-verm: #fff8f2;
  color-scheme: light;
}

/* ---------- 2 · Indigo Monsoon: calm, policy-grade, marigold on indigo ---------- */
html[data-skin="monsoon"] {
  --bg-cold: #060918;
  --bg-warm: #130f24;
  --text: #eceff8;
  --muted: rgba(236, 239, 248, .64);
  --faint: rgba(236, 239, 248, .15);
  --hair: rgba(236, 239, 248, .09);
  --card: rgba(236, 239, 248, .04);
  --teal: #8fb4e3;
  --verm: #f4a93a;
  --amber: #f6c46e;
  --on-verm: #1a1206;
  --f-display: 'Newsreader', 'Noto Serif', Georgia, serif;
  --f-body: 'Inter Tight', system-ui, sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, monospace;
  --quote-style: italic;
  --display-track: -.018em;
  color-scheme: dark;
}
html[data-skin="monsoon"][data-theme="light"] {
  --bg-cold: #edf0f8;
  --bg-warm: #f7efe1;
  --text: #0d1230;
  --muted: rgba(13, 18, 48, .68);
  --faint: rgba(13, 18, 48, .16);
  --hair: rgba(13, 18, 48, .1);
  --card: rgba(13, 18, 48, .035);
  --teal: #3a5c97;
  --verm: #b8680a;
  --amber: #d5952a;
  --on-verm: #fffaf1;
  color-scheme: light;
}

/* ---------- 3 · Quantum Paper: modern, scientific, violet on graphite ---------- */
html[data-skin="paper"] {
  --bg-cold: #0b0b10;
  --bg-warm: #15111d;
  --text: #f2f0ea;
  --muted: rgba(242, 240, 234, .64);
  --faint: rgba(242, 240, 234, .15);
  --hair: rgba(242, 240, 234, .09);
  --card: rgba(242, 240, 234, .04);
  --teal: #5cc8ff;
  --verm: #9d7bff;
  --amber: #c9a7ff;
  --on-verm: #0e0a1a;
  --f-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --f-body: 'Geist', system-ui, sans-serif;
  --f-mono: 'Geist Mono', ui-monospace, monospace;
  --quote-style: normal;
  --display-track: -.035em;
  color-scheme: dark;
}
html[data-skin="paper"][data-theme="light"] {
  --bg-cold: #f4f2ec;
  --bg-warm: #efe9fb;
  --text: #141318;
  --muted: rgba(20, 19, 24, .66);
  --faint: rgba(20, 19, 24, .15);
  --hair: rgba(20, 19, 24, .1);
  --card: rgba(20, 19, 24, .035);
  --teal: #0a7fbf;
  --verm: #6a3df0;
  --amber: #8f63f5;
  --on-verm: #ffffff;
  color-scheme: light;
}

/* ---------- Indic scripts: the Latin display faces have no Indic glyphs ---------- */
html[lang="ta"] { --f-display: 'Noto Serif Tamil', serif; --f-body: 'Noto Sans Tamil', sans-serif; }
html[lang="hi"] { --f-display: 'Noto Serif Devanagari', serif; --f-body: 'Noto Sans Devanagari', sans-serif; }
html[lang="te"] { --f-display: 'Noto Serif Telugu', serif; --f-body: 'Noto Sans Telugu', sans-serif; }
/* Quantum Paper is a sans theme, so its Indic headlines use the sans Noto faces too. */
html[data-skin="paper"][lang="ta"] { --f-display: 'Noto Sans Tamil', sans-serif; }
html[data-skin="paper"][lang="hi"] { --f-display: 'Noto Sans Devanagari', sans-serif; }
html[data-skin="paper"][lang="te"] { --f-display: 'Noto Sans Telugu', sans-serif; }