/*
 * Design tokens + reset — the single source of truth for the palette.
 * Every page links this first, then its own stylesheet. Change a colour here
 * and every page follows; do not redeclare these variables elsewhere.
 */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --zinc-950: #09090b;
  --zinc-900: #18181b;
  --zinc-800: #27272a;
  --zinc-700: #3f3f46;
  --zinc-600: #52525b;
  --zinc-500: #71717a;
  --zinc-400: #a1a1aa;
  --zinc-300: #d4d4d8;
  --zinc-200: #e4e4e7;
  --zinc-100: #f4f4f5;
  --zinc-50:  #fafafa;
  --radius:   10px;
  --radius-sm: 6px;
}