/* LoomiTV — shared design tokens (colors used identically across every page).
   Page-specific tokens (radius, max-width, sidebar width, status colors, etc.)
   stay in each page's own CSS file and are declared after this one. */

:root{
  --bg:#150F1A;
  --bg-warm:#1F1724;
  --bg-deep:#0F0A13;
  --bg-card:#1B141F;
  --light:#F3ECDD;
  --light-2:#EAE0C9;
  --fg:#F6F1E8;
  --fg-on-light:#1C1420;
  --muted:#AFA2BC;
  --muted-2:#6E6480;
  --line:rgba(255,255,255,0.09);
  --line-strong:rgba(255,255,255,0.18);
  --line-on-light:rgba(28,20,32,0.14);
  --gold:#E3A63E;
  --crimson:#C6342A;
}