:root {
  --color-bg: #F8F6F2;
  --color-bg-alt: #FFFFFF;
  --color-surface: #F1EAE0;
  --color-accent: #8A6A44;
  --color-accent-hover: #A37C4C;
  --color-on-accent: #FFFFFF;
  --color-series: #C9AD84;
  --color-series-hover: #BC9C6C;
  --color-text: #2E2E2E;
  --color-text-muted: #8A8478;
  --color-border: #DDD6C9;

  --radius-sm: 10px;
  --radius-md: 16px;

  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3rem;

  --font-base: "Comfortaa", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;

  --touch-target: 44px;
}