/* Dark theme — overrides the colour custom properties from default.css.
   Typography, radius, and spacing are inherited from :root. */
:root[data-theme="dark"] {
  color-scheme: dark;

  --color-page: #14121a;
  --color-bg: #1d1b24;
  --color-surface: #262430;
  --color-text: #e8e6ec;
  --color-muted: #a09cab;
  --color-primary: #5fb3b3; /* teal */
  --color-secondary: #c08af0; /* purple */
  --color-border: #34313e;
}