:root {
  /* Design tokens — the source of truth. Do not add new colors here;
     derive tints from these with color-mix()/rgba in component CSS. */
  --bg-primary: #0A0E14;
  --bg-card: #10151F;
  --border-card: #1E2530;
  --accent-primary: #00D9A0;
  --accent-secondary: #00B8D4;
  --text-muted: #8A8F98;

  /* Structural tokens (layout, not palette) */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --container-max: 1120px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
}