/*
 * Shell variable contract. Core defines these defaults; each game overrides
 * them on :root (or a wrapper) in its own stylesheet to theme the shell.
 * Core components and the placeholder screen read only these variables.
 *
 *   --gc-surface  page background
 *   --gc-panel    raised panel and card background
 *   --gc-text     primary text color
 *   --gc-accent   highlight color (links, badges, buttons)
 *
 * Brand tokens (Pebble Box): light is "Stonewash", dark is "Night Orbit".
 *
 *   --gc-box / --gc-moon / --gc-ring / --gc-glow  the logo mark
 *   --gc-stone-<id>   the eight game stones (ids in core/sdk/stones.ts)
 *   --gc-on-stone     text color that passes 4.5:1 on every stone
 *   --gc-moon-edge    thin edge that keeps a stone readable on a pale page
 *
 * Defaults follow the system color scheme.
 */
:root {
  --gc-surface: #eceff0;
  --gc-panel: #fbfcfc;
  --gc-text: #1d2730;
  --gc-accent: #2c5878;

  --gc-box: #2c5878;
  --gc-moon: #cfcbe8;
  --gc-ring: #a9a4f0;
  --gc-glow: #f2b66d;

  --gc-stone-sky: #8db4d6;
  --gc-stone-moss: #7fa38a;
  --gc-stone-clay: #d98e73;
  --gc-stone-lilac: #a9a4f0;
  --gc-stone-teal: #6fc3c9;
  --gc-stone-amber: #f2b66d;
  --gc-stone-rose: #e39ab0;
  --gc-stone-sand: #c9b88c;
  --gc-on-stone: #161b22;
  --gc-moon-edge: #1d2730;

  --gc-font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --gc-font-body: "Figtree", system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --gc-surface: #161a33;
    --gc-panel: #242a52;
    --gc-text: #eceaf8;
    --gc-accent: #f2b66d;
    --gc-moon-edge: transparent;
  }
}