/* Design tokens from spec §9 "Look and feel": an arena at night. */
:root {
  /* Colors */
  --rink: #050915;
  --boards: #0c1426;
  --boards-2: #121c33;
  --line: #1f2b47;
  --seam: var(--line);          /* the mockups call the line color "seam" */
  --ice: #e9f1ff;               /* ice text */
  --frost: #93a4c3;             /* frost text */
  --dim: #5d6e8f;
  --goal: #ff3347;              /* goal-light red: streak, XP */
  --blueline: #3d8bff;          /* Rare */
  --gold: #f7c04a;              /* Gold, keep button */
  --silver: #b9c6dc;            /* Standard */
  --chem: #5cff7a;              /* chemistry green */
  --coin: #a98bff;              /* coins and boosts */

  /* Type */
  --font-display: "Big Shoulders Display", Impact, sans-serif;
  --font-body: Barlow, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Motion: UI transitions stay under 300 ms; pressed buttons scale to 0.97 */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --press: 0.97;

  /* iOS safe areas (viewport-fit=cover, black-translucent status bar) */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);

  --tap: 44px;                  /* minimum touch target */
}