:root {
  --color-primary: #1F2A44;
  --color-primary-dark: #151D30;
  --color-primary-light: #E8DCC8;
  --color-accent: #C6A75E;
  --color-accent-dark: #A98B45;
  --color-accent-text: #1F2A44;
  --color-success: #16A34A;
  --color-success-bg: #DCFCE7;
  --color-error: #DC2626;
  --color-error-bg: #FEE2E2;
  --color-whatsapp: #25D366;
  --color-text: #1F2A44;
  --color-text-muted: #5F6470;
  --color-border: #E8DCC8;
  --color-bg: #FFFFFF;
  --color-bg-alt: #F7F3EC;
  --color-overlay: rgba(0,0,0,0.08);
  --color-overlay-strong: rgba(0,0,0,0.12);
  --color-focus: rgba(31,42,68,0.18);
  --color-hero-overlay: rgba(21,29,48,0.96);
  --color-hero-overlay-mid: rgba(21,29,48,0.82);
  --color-hero-overlay-soft: rgba(21,29,48,0.58);
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --shadow-card: 0 2px 8px var(--color-overlay);
  --shadow-hover: 0 4px 16px var(--color-overlay-strong);
  --container-max: 1200px;
  --border-width: 1px;
  --focus-width: 2px;
  --lift-distance: -2px;
  --widget-size: 48px;
  --compact-control-size: 40px;
  --header-height: 72px;
  --progress-1: 20%;
  --progress-2: 40%;
  --progress-3: 60%;
  --progress-4: 80%;
  --progress-5: 100%;
  --space-padding-desktop: 80px;
  --space-padding-mobile: 56px;
  --space-padding-compact-desktop: 48px;
  --space-padding-compact-mobile: 40px;
}