:root {
  --font-base: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  --font-size: 16px;
  --line-height: 1.5;
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-text: #1f2937;
  --color-muted: #6b7280;
  --color-primary: #0059ff;
  --spacing: 1rem;
  --radius: 10px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --animation-duration: 0s; }
}