:root {
  /* Interview Fluency Lab — a working broadcast-practice school in Higashi-Nakano.
     The page is built to read like the paper people actually work from in a
     studio: a script and a rundown sheet. Cool paper stock, ink, ruled lines,
     and exactly one red — the tally lamp — which appears only where something
     is live or timed. No dark "darkroom" base (silvergrainlab), no warm
     paper/amber (atelier-wehrle), no navy/teal ops palette (nipponatm). */

  --paper: #f1f2ee;
  --paper-2: #e7e9e3;
  --surface: #ffffff;
  --board: #dfe2da;
  --night: #16181a;

  --ink: #16181a;
  --ink-soft: #3e444a;
  /* --muted must clear 4.5:1 on --paper-2 (#e7e9e3), the worst case on the
     page — #767e86 only reached 3.37 there */
  --muted: #5f6871;
  --line: #d2d6ce;
  --line-strong: #b6bcb2;

  /* tally lamp — reserved for live / on-air / countdown, never decoration */
  --tally: #c7252b;
  --tally-deep: #8f171c;
  --tally-tint: rgba(199, 37, 43, 0.09);
  --tally-rgb: 199, 37, 43;

  /* structural slate for rundown grids and data columns */
  --slate: #4b5a66;
  --slate-soft: #8894a0;

  /* pass/OK marks on the rundown sheet */
  --signal: #2e6f52;

  --shadow-sm: 0 1px 2px rgba(22, 24, 26, 0.06), 0 4px 14px rgba(22, 24, 26, 0.05);
  --shadow: 0 12px 34px rgba(22, 24, 26, 0.10);
  --shadow-lg: 0 26px 64px rgba(22, 24, 26, 0.16);

  --radius-sm: 2px;
  --radius: 3px;
  --radius-lg: 6px;

  --font-head: "Shippori Mincho Sub", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-body: "Zen Kaku Gothic Sub", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-mono: "DM Mono Sub", "SFMono-Regular", Consolas, monospace;

  --max: 1160px;
  --gutter: 1.4rem;
  --topbar-h: 4.4rem;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 900px) {
  :root { --gutter: 1.15rem; }
}
@media (max-width: 520px) {
  :root { --gutter: 1rem; --topbar-h: 3.9rem; }
}
