:root {
  color-scheme: light dark;
  --color-bg: #f7f1e6;
  --color-surface: #fffaf2;
  --color-fg: #221a14;
  --color-muted: #6b5a4b;
  --color-line: #e6dccb;
  --color-accent: #b3261e;
  --color-accent-fg: #ffffff;
  --color-danger: #b3261e;
  --color-toast-bg: #221a14;
  --color-toast-fg: #f7f1e6;
  --color-shadow: #0000002e;
  --color-game-floor: #e3d2b3;
  --color-game-floor-alt: #d8c5a2;
  --color-game-wall: #8a6548;
  --color-game-hero: #fbfaf5;
  --color-game-apron: #3a6ea5;
  --color-game-meatball: #9c4a2f;
  --color-game-baguette: #d9a441;
  --color-game-pepper: #d7322a;
  --color-game-leaf: #3f8f3a;
  --color-game-seed: #f2e3b3;
  --color-game-chest: #a8702a;
  --color-game-gold: #f2c230;
  --color-game-spike: #9aa3ab;
  --color-game-exit: #4e8a52;
  --color-game-door: #6b4a33;
  --color-game-water: #5aa7d6;
  --color-game-ghost: #8fb8ff;
  --color-game-sky: #f1e6d2;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2.5rem;
  --radius-md: 10px;
  --radius-pill: 999px;
  --size-tap: 44px;
  --font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --leading-body: 1.55;
  --leading-tight: 1.2;
}

:root[data-theme="light"] {
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --color-bg: #17120f;
  --color-surface: #221b16;
  --color-fg: #f1e8dc;
  --color-muted: #ab9c8d;
  --color-line: #352b23;
  --color-accent: #ff8a65;
  --color-accent-fg: #2a0e05;
  --color-danger: #ff8a65;
  --color-toast-bg: #f1e8dc;
  --color-toast-fg: #17120f;
  --color-shadow: #00000080;
  --color-game-floor: #4b3e32;
  --color-game-floor-alt: #43372c;
  --color-game-wall: #2f251e;
  --color-game-hero: #ece6da;
  --color-game-apron: #6f9fd6;
  --color-game-meatball: #b8603f;
  --color-game-baguette: #d19a38;
  --color-game-pepper: #e8483f;
  --color-game-leaf: #5cb356;
  --color-game-seed: #f2e3b3;
  --color-game-chest: #b98035;
  --color-game-gold: #f2c230;
  --color-game-spike: #b8c0c8;
  --color-game-exit: #5fa864;
  --color-game-door: #5a3e2b;
  --color-game-water: #3d7fa8;
  --color-game-ghost: #8fb8ff;
  --color-game-sky: #120e0b;
}
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #17120f;
  --color-surface: #221b16;
  --color-fg: #f1e8dc;
  --color-muted: #ab9c8d;
  --color-line: #352b23;
  --color-accent: #ff8a65;
  --color-accent-fg: #2a0e05;
  --color-danger: #ff8a65;
  --color-toast-bg: #f1e8dc;
  --color-toast-fg: #17120f;
  --color-shadow: #00000080;
  --color-game-floor: #4b3e32;
  --color-game-floor-alt: #43372c;
  --color-game-wall: #2f251e;
  --color-game-hero: #ece6da;
  --color-game-apron: #6f9fd6;
  --color-game-meatball: #b8603f;
  --color-game-baguette: #d19a38;
  --color-game-pepper: #e8483f;
  --color-game-leaf: #5cb356;
  --color-game-seed: #f2e3b3;
  --color-game-chest: #b98035;
  --color-game-gold: #f2c230;
  --color-game-spike: #b8c0c8;
  --color-game-exit: #5fa864;
  --color-game-door: #5a3e2b;
  --color-game-water: #3d7fa8;
  --color-game-ghost: #8fb8ff;
  --color-game-sky: #120e0b;
}