:root {
  --color-bg: #101217;
  --color-bg-alt: #151923;
  --color-panel: #1d2330;
  --color-panel-strong: #252d3d;
  --color-border: #3a4358;
  --color-text: #f3efe4;
  --color-muted: #aeb5c4;
  --color-accent: #7dd3fc;
  --color-accent-strong: #38bdf8;
  --color-danger: #fb7185;
  --color-warning: #fbbf24;
  --color-success: #34d399;
  --color-focus: #fde68a;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.85rem;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --shadow-panel: 0 1rem 2rem rgb(0 0 0 / 0.3);
  --board-cell-size: clamp(2.1rem, 7vw, 4.25rem);
  --toolbar-height: 5.25rem;
  --z-toolbar: 100;
  --z-modal: 1000;
  --z-toast: 1100;
}