:root {
  color-scheme: dark;
  --color-background: #080d18;
  --color-background-raised: #0d1422;
  --color-surface: #111a2b;
  --color-surface-strong: #172239;
  --color-primary: #7185ff;
  --color-primary-hover: #91a0ff;
  --color-primary-contrast: #071020;
  --color-secondary: #a06bff;
  --color-warm-accent: #e9ae58;
  --color-text: #f1f5ff;
  --color-text-muted: #a0acc1;
  --color-border: #293750;
  --color-success: #62c98d;
  --color-warning: #e9ae58;
  --color-error: #f07178;
  --color-header: rgb(8 13 24 / 84%);
  --color-glow: rgb(113 133 255 / 18%);
  --color-glow-faint: rgb(113 133 255 / 5%);
  --color-secondary-glow: rgb(160 107 255 / 6%);
  --color-success-glow: rgb(98 201 141 / 10%);
  --color-shadow: rgb(0 0 0 / 28%);
  --color-shadow-soft: rgb(0 0 0 / 5%);
  --color-mask: rgb(0 0 0 / 40%);
  --color-theme-meta: #080d18;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --container: 1160px;
  --radius-sm: 0.5rem;
  --radius-md: 0.9rem;
  --radius-lg: 1.4rem;
  --shadow-card: 0 24px 70px var(--color-shadow);
  --transition: 180ms ease;
}

:root[data-theme="light"] {
  color-scheme: light;
  --color-background: #f4f7fb;
  --color-background-raised: #eaf0f7;
  --color-surface: #ffffff;
  --color-surface-strong: #e5ebf5;
  --color-primary: #4257c7;
  --color-primary-hover: #3145ad;
  --color-primary-contrast: #ffffff;
  --color-secondary: #7040c5;
  --color-warm-accent: #95600d;
  --color-text: #192131;
  --color-text-muted: #606b7d;
  --color-border: #d4dce8;
  --color-success: #257a4b;
  --color-warning: #95600d;
  --color-error: #b53a47;
  --color-header: rgb(244 247 251 / 90%);
  --color-glow: rgb(66 87 199 / 13%);
  --color-glow-faint: rgb(66 87 199 / 4%);
  --color-secondary-glow: rgb(112 64 197 / 5%);
  --color-success-glow: rgb(37 122 75 / 10%);
  --color-shadow: rgb(28 42 68 / 12%);
  --color-shadow-soft: rgb(28 42 68 / 5%);
  --color-mask: rgb(0 0 0 / 40%);
  --color-theme-meta: #f4f7fb;
}