:root {
  /* Colors — oklch for perceptual uniformity */
  --color-bg:           oklch(98% 0 0);
  --color-surface:      oklch(100% 0 0);
  --color-border:       oklch(88% 0 0);
  --color-text:         oklch(18% 0 0);
  --color-text-muted:   oklch(55% 0 0);
  --color-accent:       oklch(52% 0.18 250);
  --color-accent-hover: oklch(44% 0.18 250);
  --color-danger:       oklch(52% 0.18 20);
  --color-success:      oklch(52% 0.14 145);

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  /* Typography */
  --font-sans: system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", monospace;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;

  /* Layout */
  --header-height: 3.5rem;
  --content-width: 64rem;
  --radius:        0.375rem;
}