:root {
  /* Core palette */
  --bg: #000000;
  --bg-raised: #0a0a0f;
  --bg-panel: #111118;
  --bg-hover: #1a1a24;
  --bg-active: #22222e;
  --bg-input: #0d0d14;

  --text: #f0f0f5;
  --text-muted: #8c8c9a;
  --text-dim: #555566;
  --text-inverse: #000000;

  --border: #1e1e2a;
  --border-subtle: #161620;
  --border-focus: #4a4a6a;

  --accent: #ffffff;
  --accent-dim: #ccccdd;

  /* Spelform colors — now managed dynamically from admin (game-types.js injects CSS vars) */
  /* Fallbacks for initial render before JS loads */
  --v85: #1a5ba6;
  --v86: #0d4a8a;

  /* Semantic */
  --success: #2ecc71;
  --warning: #f39c12;
  --error: #e74c3c;
  --info: #3498db;

  /* Sizing */
  --sidebar-width: 280px;
  --context-bar-height: auto;
  --input-height: 56px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;

  /* Global enter animation tokens — used by all slide/fade-in animations */
  --enter-duration: 280ms;
  --enter-easing: cubic-bezier(0.22, 0.61, 0.36, 1);
}