:root,
[data-theme="dark"] {
  --theme-page-bg: #000;
  --theme-section-bg: #06060a;
  --theme-surface: #0d0d12;
  --theme-surface-hover: #16161d;
  --theme-text-primary: #f6f6f8;
  --theme-text-secondary: #d4d4d8;
  --theme-text-muted: #8b8b94;
  --theme-border: rgba(255, 255, 255, 0.1);
  --theme-shadow: rgba(0, 0, 0, 0.45);
  --theme-header-bg: rgba(6, 6, 10, 0.86);
  --theme-input-bg: rgba(255, 255, 255, 0.05);
  --theme-focus-ring: #1ec8e6;
}

[data-theme="light"] {
  --theme-page-bg: #f5f7fa;
  --theme-section-bg: #ffffff;
  --theme-surface: #eef1f5;
  --theme-surface-hover: #e4e8ee;
  --theme-text-primary: #14161a;
  --theme-text-secondary: #343a43;
  --theme-text-muted: #66707c;
  --theme-border: rgba(20, 22, 26, 0.14);
  --theme-shadow: rgba(35, 43, 55, 0.14);
  --theme-header-bg: rgba(255, 255, 255, 0.9);
  --theme-input-bg: rgba(20, 22, 26, 0.04);
  --theme-focus-ring: #087f9a;
}

html {
  accent-color: var(--theme-focus-ring);
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}