/* LMSS design system. Theme colors, geometry, typography and motion live here. */
:root {
  color-scheme: dark;
  --bg: #0b1018;
  --panel: #141c27;
  --panel2: #1b2634;
  --line: #2a3544;
  --text: #f1f5f9;
  --muted: #94a3b8;
  --accent: #c9a35d;
  --victory: #30b98b;
  --defeat: #e16a72;
  --interactive: #60a5fa;
  --on-accent: #0b1018;
  --accent-soft: #c9a35d14;
  --accent-border: #c9a35d66;
  --victory-soft: #30b98b0d;
  --defeat-soft: #e16a720d;
  --error-bg: #291c25;
  --error-text: #ffb7bc;
  --error-border: #75414b;
  --hero-bg: #0b1018;
  --hero-text: #f1f5f9;
  --hero-muted: #b0bccb;
  --hero-mask: linear-gradient(90deg, #0b1018 10%, #0b1018ed 30%, #0b101894 60%, #0b10182b), linear-gradient(0deg, #0b1018, transparent 70%);
  --backdrop: #03070dc9;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius: var(--radius-md);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --touch-target: 44px;
  --content-width: 1280px;
  --gutter: clamp(16px, 3vw, 40px);
  --font-ui: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --font-xs: 12px;
  --font-sm: 13px;
  --font-md: 14px;
  --font-body: 16px;
  --font-section: clamp(22px, 2.2vw, 28px);
  --font-hero: clamp(32px, 4vw, 50px);
  --ease: cubic-bezier(.2, .7, .2, 1);
  --motion-fast: 120ms;
  --motion-normal: 180ms;
  --z-header: 10;
  --z-nav: 20;
  --z-toast: 30;
}
html[data-theme="light"],body.light {
  color-scheme: light;
  --bg: #f1f5f9;
  --panel: #ffffff;
  --panel2: #e7edf5;
  --line: #cbd5e1;
  --text: #172334;
  --muted: #52647b;
  --accent: #805d20;
  --on-accent: #ffffff;
  --accent-soft: #805d2010;
  --accent-border: #805d2066;
  --victory: #087954;
  --defeat: #b52c40;
  --interactive: #1d64bb;
  --error-bg: #fff0f1;
  --error-text: #9c2434;
  --error-border: #d68c98;
}
@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-normal: 0ms; }
}