:root {
  --color-brand: #EA3E25;
  --color-brand-hover: #C9341E;
  --color-brand-soft: #FDE9E5;
  --color-ink: #111111;
  --color-charcoal: #262626;
  --color-text: #3F3F3F;
  --color-muted: #6B6B6B;
  --color-border: #E5E5E5;
  --color-surface: #F6F6F4;
  --color-surface-warm: #FAF7F4;
  --color-white: #FFFFFF;
  --color-success: #1E7A46;
  --color-error: #B42318;
  --hero-overlay: rgba(0, 0, 0, 0.48);
  --shadow-card: 0 12px 32px rgba(17, 17, 17, 0.08);
  --focus-ring: 0 0 0 3px rgba(234, 62, 37, 0.25);
  --radius-small: 8px;
  --radius-medium: 16px;
  --radius-large: 24px;
  --shadow-small: 0 4px 12px rgba(17, 17, 17, 0.06);
  --shadow-medium: 0 10px 28px rgba(17, 17, 17, 0.10);
  --shadow-large: 0 20px 48px rgba(17, 17, 17, 0.16);
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;
  --font-display: "Montserrat", "Segoe UI", sans-serif;
  --font-body: "Inter", "Segoe UI", sans-serif;
  --text-display: clamp(2.5rem, 5vw, 4.75rem);
  --text-h1: clamp(2rem, 4vw, 3.5rem);
  --text-h2: clamp(1.75rem, 3vw, 2.75rem);
  --text-h3: clamp(1.375rem, 2vw, 2rem);
  --text-h4: clamp(1.125rem, 1.5vw, 1.375rem);
  --text-body-large: 1.125rem;
  --text-body: 1rem;
  --text-small: 0.9375rem;
  --text-caption: 0.8125rem;
  --container-width: 1200px;
  --header-height: 80px;
  --transition-fast: 160ms ease;
  --transition-base: 220ms ease;
  --transition-slow: 320ms ease;
}