/* VENDORED from Zaiphr-Ai/zaiphr-brand tokens/play.css @ 9eaa441 (SSOT: tokens.json, play block).
   Do not hand-edit values here — change the token upstream and re-vendor. */
/* ==================================================================
   ZAIPHR / PLAY TOKENS v1.7.0 — GENERATED FROM tokens.json (play). DO NOT EDIT.
   Scope: play.zaiphr.ai ONLY. Load after tokens.css. Never vendor
   into zaiphr.ai, reports or product UI.
   Regenerate: python3 tokens/build.py   Validate: test_tokens.py
   Doctrine: components/play-surface.md (P6, adopted 2026-10-17)
   ================================================================== */

:root {
  /* CATEGORICAL — wheel segments, teams, tags, celebration pieces.
     One value set for both themes; text on a fill is ALWAYS
     --z-play-on-cat (ink). Fixed order 1..8, never hue order.
     Never text colour, status, a flame substitute, or the ground
     of outcome text. Flame is never a categorical colour. */
  --z-play-cat-1: #27c5d3; /* aqua */
  --z-play-cat-2: #d1b123; /* mustard */
  --z-play-cat-3: #a4adfa; /* periwinkle */
  --z-play-cat-4: #29ca98; /* mint */
  --z-play-cat-5: #df97fb; /* orchid */
  --z-play-cat-6: #81c522; /* leaf */
  --z-play-cat-7: #64bbfb; /* sky */
  --z-play-cat-8: #fb92bd; /* rose */
  --z-play-on-cat: #121826;

  /* PROJECTOR TYPE SCALE — stage px on the fixed 1920x1080
     stage (scaled to fit). meta is the floor for every game text;
     credit is the credit only. */
  --z-play-fs-credit: 32px;
  --z-play-fs-meta: 48px;
  --z-play-fs-board: 72px;
  --z-play-fs-figure: 96px;
  --z-play-fs-display: 144px;

  /* ELEVATION — neutral ink; the stage panel and the reveal card
     ONLY. Never coloured, never on flame elements, never animated. */
  --z-play-shadow-raised: 0 1px 2px rgba(18,24,38,0.12), 0 12px 32px rgba(18,24,38,0.16);

  /* MOTION — transform/opacity only. Reveal and count-ups reuse
     --z-dur-enter / --z-spring from tokens.css. */
  --z-play-dur-spin: 5000ms;
  --z-play-ease-spin: cubic-bezier(0.33, 1, 0.68, 1);
  --z-play-dur-celebrate: 1600ms;
}

/* prefers-reduced-motion: no spin (the wheel sets its final angle), no
   celebration. The in-app Reduce motion toggle must set the same. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --z-play-dur-spin: 0.001ms;
    --z-play-dur-celebrate: 0.001ms;
  }
}