/* frontend/css/tokens.css */
:root {
  --color-bg: #FFFFFF;
  --color-bg-alt: #FAFAFA;
  --color-text: #1D1D1F;
  --color-text-muted: #6E6E73;
  --color-accent: #0071E3;

  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  --font-size-h1: 2.5rem;
  --font-size-h2: 1.75rem;
  --font-size-body: 1rem;
  --font-size-small: 0.875rem;

  --radius-md: 12px;
  --max-width: 1120px;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
}

/* Breakpoints (referenced in comments, applied via media queries in layout.css):
   480px mobile-large / 768px tablet / 1024px desktop / 1440px wide */