/* DM Screen — design tokens. The one place colours, type and spacing are defined;
   the booth, the stage and the login page all load this file. */
:root {
  /* surfaces, darkest first */
  --ink: #12141c;
  --sunk: #161925;
  --panel: #1a1d28;
  --raised: #222637;
  --line: #2a2e3d;
  --line-strong: #3a4057;

  /* text */
  --text: #cfd3e0;
  --text-strong: #ffffff;
  --dim: #8b91a7;
  --faint: #5d6379;
  --parchment: #e8dcc3;

  /* meaning */
  --candle: #e0a458;        /* the accent: selected, on stage, primary action */
  --candle-ink: #1a140a;    /* text on a candle background */
  --candle-wash: #26210f;
  --danger: #d05252;
  --danger-wash: #3d1d1d;
  --ok: #9ece6a;
  --info: #7aa2f7;
  --black: #000;            /* behind pictures and video */

  /* type: five steps, nothing below 12px */
  --fs-1: 12px;
  --fs-2: 13px;
  --fs-3: 15px;
  --fs-4: 18px;
  --fs-5: 24px;
  --mono: ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --serif: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
  --ui: system-ui, 'Segoe UI', sans-serif;

  /* space and shape */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --radius: 6px;
  --radius-lg: 10px;

  /* fixed chrome: the same height at every window size, so only the middle flexes */
  --h-top: 48px;
  --h-strip: 72px;
  --h-rail: 96px;
}