/* aCULT "night sky" design layer for the Learn pages. Tokens only, plus the
   same type as the app. ?design=classic in any page switches it off for that
   browser; ?design=nova brings it back. */
html.nova{
  --void:#0A0E28; --deep:#0E1335; --panel:#141A3F; --panel-2:#1B2250;
  --parch:#F2E3C2; --ink:#EEF0FF; --body:#C9CDEE; --muted:#A0A8D2;
  --brand:#EF3D57; --brand-deep:#D42A48; --brand-soft:rgba(239,61,87,.16);
  --gold:#F4B860; --gold-soft:rgba(244,184,96,.16); --brass:#C99A55; --brass-lit:#F4B860;
  --ok:#4FD8C4; --sel-fill:#F2E3C2; --on-sel:#0A0E28; --sel-glyph:#8A5A0C;
  --line:rgba(160,170,235,.14); --line-2:rgba(160,170,235,.07);
  --ctl-line:rgba(160,170,235,.42); --ctl-ink:#C9CDEE;
  --r:16px; --r-lg:22px;
  --font-display:'Unbounded','Noto Sans Devanagari','Tiro Devanagari Hindi',sans-serif;
  --font-body:'Manrope','Noto Sans Devanagari','Tiro Devanagari Hindi',system-ui,sans-serif;
  --font-hi:'Noto Sans Devanagari','Tiro Devanagari Hindi',sans-serif;
  --k-line:rgba(160,170,235,.34); --k-fill:rgba(157,140,255,.05);
}
html.nova[data-theme="light"]{
  --void:#F3F2FA; --deep:#ECEAF6; --panel:#FFFFFF; --panel-2:#F7F6FC;
  --parch:#16183A; --ink:#16183A; --body:#393C62; --muted:#686C95;
  --brand:#D72E47; --brand-deep:#B81F3C; --brand-soft:rgba(215,46,71,.10);
  --gold:#9A6300; --gold-soft:rgba(244,184,96,.18); --brass:#8A6420; --brass-lit:#6F4F16;
  --ok:#1E9A6B; --sel-fill:#1B1F4B; --on-sel:#fff; --sel-glyph:#F4B860;
  --line:rgba(22,24,58,.10); --line-2:rgba(22,24,58,.06);
  --ctl-line:rgba(22,24,58,.40); --ctl-ink:#393C62;
  --k-line:rgba(22,24,58,.30); --k-fill:rgba(22,24,58,.02);
}
html.nova:not([data-theme="light"]) body{
  background-image:
    radial-gradient(1.2px 1.2px at 12% 18%,rgba(255,255,255,.5),transparent 60%),
    radial-gradient(1px 1px at 33% 72%,rgba(255,255,255,.4),transparent 60%),
    radial-gradient(1.4px 1.4px at 58% 26%,rgba(255,255,255,.55),transparent 60%),
    radial-gradient(1px 1px at 82% 58%,rgba(255,255,255,.4),transparent 60%),
    radial-gradient(1000px 560px at 88% -8%,rgba(239,61,87,.14),transparent 62%),
    radial-gradient(900px 640px at 5% 108%,rgba(157,140,255,.14),transparent 62%);
  background-attachment:fixed;
}
html.nova body{font-variant-numeric:tabular-nums}
html.nova h1,html.nova h2,html.nova h3{letter-spacing:-.02em}
html.nova[lang="hi"] h1,html.nova[lang="hi"] h2,html.nova[lang="hi"] h3{letter-spacing:0}
/* the header controls ran 5px past a 390px phone */
@media (max-width:420px){ html.nova .ctl{gap:4px} html.nova .nav{column-gap:6px} }