:root {
  --color-bg: #FFFFFF;
  --color-text: #000000;
  --color-muted: #545454;
  --color-accent: #B3131B;
  --color-accent-text: #FFFFFF;
  --color-surface: #FAFAFA;
  --color-surface-2: #F2F2F2;
  --color-border: #D2D2D2;
  --color-focus: #B3131B;
  --font-body: "Geist", Arial, sans-serif;
  --font-display: "Urbanist", Arial, sans-serif;
  --radius: 10px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --max-width: 1200px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
  --step-0: clamp(0.9rem, 0.85rem + 0.2vw, 1rem);
  --step-1: 1rem;
  --step-2: clamp(1.2rem, 1.05rem + 0.6vw, 1.5rem);
  --step-3: clamp(1.6rem, 1.25rem + 1.2vw, 2.25rem);
  --step-4: clamp(2.1rem, 1.5rem + 2.2vw, 3.5rem);
  --step-5: clamp(36px,3.5vw,50px);
  --tap-min: 44px;
  --header-h: 4.75rem;
  --section-y: 130px;
  --blur-header: 12px;
  --shadow-1: 0 1px 2px color-mix(in srgb, var(--color-text) 6%, transparent);
  --shadow-2: 0 8px 24px color-mix(in srgb, var(--color-text) 8%, transparent);
  --shadow-3: 0 20px 48px color-mix(in srgb, var(--color-text) 12%, transparent);
  --ring: 0 0 0 3px color-mix(in srgb, var(--color-focus) 35%, transparent);
}