/* Spraoi design tokens. The single source of truth is brand/tokens.css; the copies in
   playspraoi.com/public/ and ui/shared/ are generated. Edit brand/tokens.css and re-run
   brand/build_assets.sh so both served roots stay in sync (brand/check_tokens_sync.py
   guards the drift). */
:root {
  --color-accent: #ff5e3a;
  --color-accent-2: #ffc24b;
  --color-surface: #faf4ea;
  --color-ink: #2b1a2e;
  --color-on-accent: #ffffff;
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
[data-theme="tangerine"] {
  --color-accent: #ff7a2d;
  --color-accent-2: #16a89a;
  --color-surface: #fbf6ee;
  --color-ink: #16282a;
  --color-on-accent: #ffffff;
}
[data-theme="amber"] {
  --color-accent: #f2a130;
  --color-accent-2: #c2613b;
  --color-surface: #f7f2ea;
  --color-ink: #221e1a;
  --color-on-accent: #ffffff;
}
[data-theme="festival"] {
  --color-accent: #ff5e3a;
  --color-accent-2: #ffc83d;
  --color-surface: #fbf7ef;
  --color-ink: #241b22;
  --color-on-accent: #ffffff;
}