/* Daily Dungeon design tokens (CLAUDE.md §7.1). The ONLY file (besides scene SVGs) allowed to hold raw colors. */
:root {
  --ground: #14110E;      /* page background */
  --surface: #1F1A15;     /* cards */
  --raised: #2A231C;      /* inner tiles, player bubbles, chips */
  --line: #3A3128;        /* borders, dividers, empty pips */
  --text: #EFE6D6;        /* primary text, dice face, current pip */
  --text-narr: #E3D9C6;   /* DM narration */
  --text-soft: #CFC3AD;   /* taglines, secondary body */
  --muted: #B3A690;       /* labels, hints */
  --accent: #F0A23B;      /* amber: primary action, focus, fail, danger, NPC eyes */
  --accent-hover: #FFC676;
  --good: #6CCBBE;        /* teal: success, the Showrunner, the player */
  --on-good: #0E1A18;     /* text on teal */
  --brass: #C9A46A;       /* scene art only */
  --hurt: #EE7656;        /* HP lost: the phone shell's status bar flashes a lost pip in it (DECISIONS #285) */

  --font-display: 'Bungee', 'Arial Black', sans-serif;
  --font-body: 'Spectral', Georgia, 'Times New Roman', serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --r-card: 14px; --r-control: 12px; --r-tile: 10px; --r-chip: 6px; --r-pill: 999px;
  --gap-col: 20px; --gap-card: 16px; --pad-page: 24px; --pad-card: 16px 18px;

  /* Tokens added by the Frontend lane (values lifted from the two reference mockups) */
  --ground-glass: #14110ECC;   /* scene chips over the art: play-screen.html uses #14110ECC */
  --scrim: #14110EB3;          /* recap / modal backdrop: 70% ground */
  --r-recap: 16px;             /* share-card.html result and verdict cards */
  --r-stat: 8px;               /* stat tiles, today tiles, recap grid boxes */

  /* JetBrains Mono line boxes, pinned per size (Frontend lane decision). The approved PNGs were
     rendered with a JetBrains Mono build whose `line-height: normal` is these values; the woff2 in
     web/fonts/ resolves `normal` to 1.32em on this platform, which shifts every mono line 1-2 px and
     drifts the whole page. Pinning makes the layout platform-independent and matches the PNGs.
     Measured from the mockup PNGs (chip, pill, badge, tile and label box heights). */
  --lh-mono-11: 13px; --lh-mono-12: 14px; --lh-mono-13: 15px; --lh-mono-14: 16px;
  --lh-mono-16: 18px; --lh-mono-18: 19px; --lh-mono-20: 22px;

  /* Motion (CLAUDE.md §7.3) */
  --dur-hold: 400ms;           /* check chip shown before the dice move */
  --dur-dice: 900ms;           /* d20 cycle length */
  --dur-pop: 150ms;            /* badge pop, scale .9 -> 1 */
  --dur-fade: 220ms;           /* "+ 4 = 17" fade-in */
  --dur-flash: 800ms;          /* post-turn highlight on meters, kit, chips */
}