/* Theme tokens (C8SAKFW, docs/DESIGN.md). Every colour on the page is one of these roles; a host's pack
   (engine/page/theme.ts) overrides them; page.css and admin.html name no colour of their own. These defaults are the
   fallback look, also what the page shows before the night's meta arrives. Black and white stay literal only
   for shadows, scrims and the QR code. */
:root {
  --pf-bg: #0d0d14; /* the ground behind everything */
  --pf-rail: #13131e; /* the side rail / drawer */
  --pf-panel: #171724; /* cards, the top bar */
  --pf-raise: #2a2a3d; /* quiet buttons, chips */
  --pf-row: #1a1a2b; /* a highlighted row (you) */
  --pf-line: #2a2a3d; /* borders */
  --pf-line2: #333350; /* stronger borders, disabled */
  --pf-fg: #eee; /* text */
  --pf-fg2: #bbb; /* secondary text */
  --pf-dim: #888; /* hints, labels */
  --pf-faint: #666;
  --pf-action: #ff4d6d; /* the thing to press */
  --pf-on-action: #fff;
  --pf-ok: #7dff4d; /* live, done, points */
  --pf-warn: #ffd84d; /* warnings, the notice strip */
  --pf-on-warn: #000;
  --pf-bad: #ff4d6d; /* errors, blocked, hurry */
  --pf-gold: #ffd84d; /* awards, first place, the workshop */
  --pf-rule: #c44dff; /* crazy rules, room votes */
  --pf-rule-soft: #c9a0ff;
  --pf-you: #4dc3ff; /* private to you: the chat with the host */
  --pf-you-soft: #8fc9e6;
  --pf-on-you: #04121a;
  --pf-link: #4dd2ff;
  --pf-create: #ff9ee0; /* creator awards */
  --pf-host-bg: #f6efe4; /* the host's speech bubble */
  --pf-host-fg: #2a1640;
  --pf-font: system-ui, sans-serif; /* body text */
  --pf-display: system-ui, sans-serif; /* headings */
  --pf-radius: 6px;
  /* textures (principle 8): a ground behind everything, never during a round; edges are box-shadows */
  --pf-ground: none; /* a background-image behind the page */
  --pf-card-edge: none; /* cards (break boxes, the join card, the workshop) */
  --pf-bubble-edge: none; /* the host's speech bubble */
  --pf-bar-edge: 1px solid var(--pf-line); /* the line under the top bar (a border) */
}