/* Brand tokens. Rule: light green (--leaf) is never used for text on light sections,
   only for dots and fills. Leaf on --bg is 1.95:1 and leaf on --cream is 1.70:1.
   On dark green or night it is for large text only (3:1 minimum).
   Every text pair and the focus outline are checked by scripts/check-contrast.mjs. */

:root {
  --forest: #1C5B2D;
  --leaf: #80C341;
  --cream: #ECE4D6;
  --night: #06140A;
  --glow: #C0E1A0;
  --bg: #F7F4EE;
  --panel: #ECE4D6;
  --text: #0B2412;
  --muted: #4A5C50;
  --focus: #1C5B2D;

  /* Studio (always dark) surfaces and text. Solid colours, so every text pair can be checked. */
  --night-2: #0B2213;
  --studio-panel: #0E2416;
  --chip: #1A3013;
  --on-dark-muted: #BEBAAD;
  --live: #FF8A80;

  /* Light sections. --paper stays light in dark mode, for logos and the streams diagram on white. */
  --paper: #FFFDF9;
  --card: #FFFDF9;
  --line: #DDD6C5;
  --accent: #1C5B2D;
  --error: #B3261E;

  --font: "Montserrat", system-ui, sans-serif;
  --weight-body: 400;
  --weight-strong: 700;
  --weight-display: 900;
}

/* Dark mode for light sections only. Studio sections are always dark. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0C1D12;
    --panel: #12281A;
    --text: #EDE8DB;
    --muted: #B5BFAD;
    --focus: #C0E1A0;
    --card: #16301F;
    --line: #27432F;
    --accent: #C0E1A0;
    --error: #FF8A80;
  }
}

:root[data-theme="dark"] {
  --bg: #0C1D12;
  --panel: #12281A;
  --text: #EDE8DB;
  --muted: #B5BFAD;
  --focus: #C0E1A0;
  --card: #16301F;
  --line: #27432F;
  --accent: #C0E1A0;
  --error: #FF8A80;
}

/* Studio sections are always dark, in light and dark mode alike. */
.studio {
  --focus: #C0E1A0;
}