:root, [data-theme="light"] {
  color-scheme: light;
  --text: #1a1a1a;
  --text-muted: #666;
  --bg: #fafafa;
  --surface: #fff;
  --border: #e0e0e0;
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --tag-bg: #f0f4ff;
  --tag-text: #2563eb;
  --code-bg: #f5f5f5;
}

[data-theme="dark"] {
  color-scheme: dark;
  --text: #e4e4e7;
  --text-muted: #a1a1aa;
  --bg: #18181b;
  --surface: #27272a;
  --border: #3f3f46;
  --accent: #60a5fa;
  --accent-hover: #93bbfd;
  --tag-bg: #1e3a5f;
  --tag-text: #60a5fa;
  --code-bg: #27272a;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
  --text: #e4e4e7;
  --text-muted: #a1a1aa;
  --bg: #18181b;
  --surface: #27272a;
  --border: #3f3f46;
  --accent: #60a5fa;
  --accent-hover: #93bbfd;
  --tag-bg: #1e3a5f;
  --tag-text: #60a5fa;
  --code-bg: #27272a;
  }
}