/* tokens.css – design variables */
:root {
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-20: 20px;
  --s-24: 24px;
  --s-32: 32px;
  --s-40: 40px;
  --s-48: 48px;

  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-card-bg: #f5f5f7;
  --color-dark: #111111;
  --color-muted: #666666;
  --color-border: #e8e8e8;
  --color-footer: #1a1a1a;

  --font-main: 'Google Sans Flex', system-ui, -apple-system, sans-serif;
  --font-price: 'Montserrat', sans-serif;
  --font-hero: 'Google Sans Flex', sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-round: 50%;
}