/* Tokens — the original site's black & white cinematic palette, kept as is. */
:root {
  --void: #050505;
  --ink: #0a0a0a;
  --char: #1a1a1a;
  --smoke: #2a2a2a;
  --ash: #4a4a4a;
  --steel: #757575;
  --silver: #a8a8a8;
  --bone: #d8d4cc;
  --paper: #f5f2ec;
  --chalk: #ffffff;
  --rec: #ff6b6b;
  /* the broadcast tally light: "you are on air" */
  --tally: #ff2a1f;
  --tally-soft: rgb(255 42 31 / 0.16);

  /* roles */
  --bg: #060606;
  --fg: #ece9e2;
  --muted: #8c8c8c;
  --hairline: rgb(236 233 226 / 0.07);
  --hairline-strong: rgb(236 233 226 / 0.18);

  /* condensed caps: the language of lower-thirds and tickers */
  --display: "Anton", "Impact", "Arial Narrow", sans-serif;
  --sans: "Space Grotesk", "Helvetica Neue", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  --gutter: clamp(20px, 3.9vw, 56px);

  --ease-entrance: cubic-bezier(0.2, 0, 0, 1);
  --ease-plate: cubic-bezier(0.33, 0, 0, 1);
  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --duration-plate: 700ms;
}