/* Core tokens */
:root {
  --color-black: #000000;
  --color-white: #ffffff;
}

/* Semantic tokens – Light theme */
[data-theme="light"] {
  --color-background: var(--color-white);
  --color-foreground: var(--color-black);
}

/* Semantic tokens – Dark theme */
[data-theme="dark"] {
  --color-background: var(--color-black);
  --color-foreground: var(--color-white);
}

/* Fallback when JS has not run: use system preference */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --color-background: var(--color-black);
    --color-foreground: var(--color-white);
  }
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --color-background: var(--color-white);
    --color-foreground: var(--color-black);
  }
}

/* All non-token layout/typography styles live in static/css/styles.css */