:root{
  --space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;
  --space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;

  /* Typography - Font Families */
  --font-heading:'Oswald', sans-serif;
  --font-heading-secondary:'Cabin Condensed', sans-serif;
  --font-body:'Manrope', sans-serif;
  --font-link:'Roboto', sans-serif;
  --font-mono:'SF Mono', Monaco, 'Cascadia Code', monospace;

  /* Legacy fallback */
  --font-family:'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-sans:var(--font-body);

  /* Font sizes - Desktop */
  --text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;
  --text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;
  --text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;

  --weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;

  --radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;

  --sidebar-width:72px;--header-height:60px;--mobile-nav-height:64px;
  --content-max-width:1400px;

  --z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:500;--z-toast:600;

  --transition-fast:150ms ease;--transition-base:250ms ease;

  --series-enduro:#FFE009;--series-downhill:#FF6B35;--series-xc:#2E7D32;
  --series-ges:#EF761F;--series-ggs:#8A9A5B;--series-gss:#6B4C9A;
  --series-gravel:#795548;--series-dual:#E91E63;
}

/* Responsive font sizes for mobile */
@media (max-width: 768px) {
  :root {
    --text-xl:1.125rem;
    --text-2xl:1.25rem;
    --text-3xl:1.5rem;
    --text-4xl:2rem;
  }
}