:root {
  /* Stark, high-contrast backstage palette — true black for max legibility in a dark room */
  --color-bg: #000000;
  --color-surface: #0c0e12;
  --color-surface-2: #14171d;
  --color-border: #23272f;
  --color-text: #ffffff;
  --color-text-muted: #8a9099;
  --color-text-dim: #565c66;

  /* Cue-light state language (stage-manager): green = clear/GO, amber = warning, red = imminent/standby */
  --state-green: #15d36a;
  --state-green-dim: #0a6d37;
  --state-amber: #ffc21f;
  --state-amber-dim: #8a6700;
  --state-red: #ff2e2e;
  --state-red-dim: #8a0f0f;
  --state-go: #15d36a;
  --state-standby: #ff2e2e;

  /* Glow halos for the big number (subtle, broadcast-clock feel) */
  --glow-green: 0 0 60px rgba(21, 211, 106, 0.35);
  --glow-amber: 0 0 60px rgba(255, 194, 31, 0.35);
  --glow-red: 0 0 70px rgba(255, 46, 46, 0.45);

  /* Typography — bold geometric sans, tabular figures for non-jittering digits */
  --font-sans: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  /* Shapes */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
}