:root {
  --bg: #fafaf7;
  --surface: #ffffff;
  --text: #1a1a1a;
  --muted: #6b6b6b;
  --accent: #b91c1c;
  --group-accent: #0f766e;
  --link: #b91c1c;
  --border: #ececec;
  --shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.04);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f0f10;
    --surface: #18181b;
    --text: #f4f4f5;
    --muted: #a1a1aa;
    --accent: #ef4444;
    --group-accent: #2dd4bf;
    --link: rgb(239, 68, 68);
    --border: #27272a;
    --shadow: 0 1px 2px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.3);
  }
}
:root[data-theme="dark"] {
  --bg: #0f0f10;
  --surface: #18181b;
  --text: #f4f4f5;
  --muted: #a1a1aa;
  --accent: #ef4444;
  --group-accent: #2dd4bf;
  --link: rgb(239, 68, 68);
  --border: #27272a;
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.3);
}