Designing with tokens

Design tokens live in src/styles/tokens.css. Change a variable once and the whole site follows.

:root {
  --color-accent: #0f766e;
  --font-display: "Bricolage Grotesque", sans-serif;
}

Dark mode is driven by prefers-color-scheme, so visitors get a coherent look without a toggle on day one. You can layer an explicit theme switch later if you want.