/* ============================================================================
 * PokerEngine v1.2 — demo-sites tokens.css
 *
 * CSS variable contract for all demo-site themes.
 * Each theme override file `themes/<slug>/theme.css` re-defines these slots
 * inside `.demo-site--<slug>` scope. Layout primitives in `base.css` consume
 * these vars exclusively — never hardcode colors/fonts/radii in base.css.
 *
 * Slot list (11 contract slots) :
 *   --demo-bg              page background (root + content area)
 *   --demo-fg              primary text color
 *   --demo-muted           secondary/muted text color (footer, captions)
 *   --demo-accent          brand accent (links, primary action highlights)
 *   --demo-card-bg         card / section / form container background
 *   --demo-border          subtle borders (cards, dividers, form fields)
 *   --demo-shadow          elevation shadow for cards / modals
 *   --demo-font-display    headings + theme picker titles
 *   --demo-font-body       body copy + form fields + nav
 *   --demo-radius          base border-radius (cards, buttons, inputs)
 *   --demo-button-bg       primary button background
 *   --demo-button-fg       primary button text
 *
 * IMPORTANT — tokens.css must NEVER reference PokerEngine engine vars
 * (`--lobby-*`, `--player-*`, `--admin-*`). Demo shell vars are independent
 * from embedded PokerEngine iframe styles by design : the iframe boundary
 * isolates style cascades. Mirror lobby template palettes by re-defining
 * `--demo-*` slots in `themes/<slug>/theme.css`, not by re-using engine vars.
 * ============================================================================ */

:root {
  /* ---- Neutral defaults (overridden per theme on .demo-site--<slug>) ---- */
  --demo-bg: #ffffff;
  --demo-fg: #1a1a1a;
  --demo-muted: rgba(26, 26, 26, 0.6);
  --demo-accent: #2563eb;
  --demo-card-bg: #f5f7fa;
  --demo-border: rgba(0, 0, 0, 0.08);
  --demo-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
  --demo-font-display: system-ui, -apple-system, "Segoe UI", sans-serif;
  --demo-font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
  --demo-radius: 6px;
  --demo-button-bg: #2563eb;
  --demo-button-fg: #ffffff;
}