@layer theme {
:root {
  --color-bg: #110f3b;
  --color-fg: #f2f1fa;
  --color-accent: #8b97ff;
  --color-muted: #1a1745;
  --color-line: #2e2b5c;
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-heading: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;
  --type-scale: 1.25;
  --radius: 18px;
  --space: 1rem;
  --motion: 0.2s;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --color-bg: #110f3b;
  --color-fg: #f2f1fa;
  --color-accent: #8b97ff;
  --color-muted: #1a1745;
  --color-line: #2e2b5c;
}
}
:root[data-theme="dark"] {
  --color-bg: #110f3b;
  --color-fg: #f2f1fa;
  --color-accent: #8b97ff;
  --color-muted: #1a1745;
  --color-line: #2e2b5c;
}
}