/* Palette. Dark is the working default — you sit in this next to picture for
   hours. The warm light theme carries the brand and stays available. */

:root,
:root[data-theme="dark"] {
  --bg: #0d1117;
  --surface: #141a23;
  --panel: #19202b;
  --raised: #1f2733;
  --line: #27313f;
  --line-soft: #1e2530;

  --text: #e9eff7;
  --soft: #b8c4d2;
  --muted: #7d8b9d;

  --accent: #4a9eff;
  --accent-ink: #ffffff;
  --accent-dim: rgba(74, 158, 255, 0.16);
  --brass: #d9a441;

  --green: #35c790;
  --blue: #4a9eff;
  --amber: #e0a93c;
  --red: #ef5f7a;
  --violet: #8b7be8;
  --slate: #6b7a8d;

  --shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
  --radius: 10px;
  --radius-sm: 7px;
}

:root[data-theme="light"] {
  --bg: #eadfc8;
  --surface: #f6efdf;
  --panel: #fbf6ec;
  --raised: #fffaf2;
  --line: #cbb895;
  --line-soft: #ddcda9;

  --text: #261f17;
  --soft: #514634;
  --muted: #7a6e58;

  --accent: #2f7eb7;
  --accent-ink: #ffffff;
  --accent-dim: rgba(47, 126, 183, 0.14);
  --brass: #9a6f1e;

  --green: #12a074;
  --blue: #3a8bc5;
  --amber: #c08c22;
  --red: #c6415c;
  --violet: #5e4bc4;
  --slate: #8a7c62;

  --shadow: 0 18px 55px rgba(73, 53, 24, 0.18);
}

/* Status colours resolve through one variable so pills, swatches, cue numbers
   and timeline blocks can never drift apart. */
.st-to-write    { --st: var(--slate); }
.st-in-progress { --st: var(--amber); }
.st-in-review   { --st: var(--violet); }
.st-approved    { --st: var(--green); }
.st-delivered   { --st: var(--blue); }
.st-on-hold     { --st: var(--muted); }
.st-song        { --st: var(--brass); }
.st-cut         { --st: var(--red); }