:root {
  color-scheme: dark;
  --color-bg: #080d16;
  --color-surface: #0d1522;
  --color-surface-raised: #121b2a;
  --color-border: #253148;
  --color-text: #dce6f7;
  --color-text-muted: #718096;
  --color-accent: #5b83f6;
  --color-accent-hover: #7599ff;
  --color-action: #3159c6;
  --color-action-hover: #274aa8;
  --color-success: #58d8a2;
  --color-warning: #e7bd65;
  --color-danger: #ef8d9d;
  --font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --shadow-panel: 0 18px 42px rgb(0 0 0 / 0.18);
  --focus-ring: 0 0 0 3px rgb(91 131 246 / 0.25);
}

:root[data-theme="light"] {
  color-scheme: light;
  --color-bg: #f5f7fb;
  --color-surface: #ffffff;
  --color-surface-raised: #ffffff;
  --color-border: #dce2eb;
  --color-text: #172033;
  --color-text-muted: #64748b;
  --shadow-panel: 0 14px 34px rgb(15 23 42 / 0.08);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}