/* Design tokens. Near-black charcoal, warm paper, one restrained red. */
:root {
  color-scheme: dark;

  /* surfaces */
  --bg: #0a0a0b;
  --bg-raised: #111113;
  --bg-sunken: #070708;
  --line: #242428;
  --line-strong: #3a3a41;

  /* text on dark (all ≥ 4.5:1 on --bg except --text-faint, used only for decoration) */
  --text: #ece8df;
  --text-dim: #aaa69c;
  --text-faint: #8a877f; /* >= 4.5:1 on --bg-raised, so it is safe for small counters and captions */

  /* paper evidence */
  --paper: #ece4d2;
  --paper-2: #e3d9c2;
  --ink: #1b1915;
  --ink-dim: #4f4a3c;
  --ink-faint: #81796a;
  --ink-blue: #213a68;

  /* the one accent — alerts, unread, stamps. Never decoration. */
  --red: #b32a22;
  --red-hi: #e5594d; /* red text on dark (5.6:1) */
  --red-ink: #9c231c; /* red on paper (6.2:1) */

  /* type: a DIN-style condensed grotesque for titles and labels (institutional signage, film title cards),
     a sober reading serif, a cockpit-instrument mono for clocks and data, a worn typewriter for the report. */
  --font-title: 'Barlow Condensed', 'Arial Narrow', 'Bahnschrift', sans-serif;
  --font-label: 'Barlow Condensed', 'Arial Narrow', 'Bahnschrift', sans-serif;
  --font-text: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  --font-mono: 'B612 Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --font-type: 'Special Elite', 'Courier New', monospace;
  --font-hand: 'Reenie Beanie', 'Segoe Print', cursive;
  --font-display: var(--font-title);

  /* layout */
  --gutter: clamp(18px, 4.5vw, 44px);
  --max: 1120px;
  --header-h: 58px;
  --nav-h: 0px;
  --safe-b: env(safe-area-inset-bottom, 0px);

  /* motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 160ms;
  --t-med: 380ms;
}

@media (max-width: 759px) {
  :root {
    --nav-h: 62px;
  }
}