:root {
  --color-purple-night: #12001f;
  --color-purple-deep: #1f003d;
  --color-purple-section: #350064;
  --color-purple-interactive: #5b168e;
  --color-lavender-text: #ede9fe;
  --color-lavender-surface: #f4f0fa;
  --color-white: #ffffff;
  --color-light-surface: #faf8fc;
  --color-text-primary: #171127;
  --color-text-secondary: #554c66;
  --color-border-soft: #d8d1e5;
  --color-gold-dark-surface: #f5c84c;
  --color-gold-light-surface: #8a5a00;
  --color-green-cta: #166534;
  --color-green-cta-hover: #14532d;
  --color-focus-ring: #f5c84c;
  --color-danger: #b42318;

  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --font-size-hero: clamp(1.875rem, 8.4vw, 3.25rem);
  --font-size-section-title: clamp(1.5rem, 6.4vw, 2.25rem);
  --font-size-body: clamp(1rem, 1.2vw, 1.125rem);
  --font-size-helper: 0.875rem;
  --line-height-hero: 1.12;
  --line-height-heading: 1.2;
  --line-height-body: 1.65;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-price: 800;

  --space-xs: 0.375rem;
  --space-sm: 0.625rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-section: clamp(3rem, 13vw, 4rem);
  --space-container-inline: clamp(1rem, 3vw, 1.5rem);
  --space-card-gap: clamp(1rem, 3vw, 1.25rem);
  --space-section-cta: clamp(1.5rem, 7vw, 2.5rem);
  --space-offer-inner: clamp(1.25rem, 5vw, 2rem);

  --radius-button: 0.75rem;
  --radius-card: 1rem;
  --radius-panel: 1.25rem;
  --radius-offer: 1.5rem;
  --radius-pill: 999px;
  --radius-circle: 50%;

  --shadow-card: 0 0.75rem 2rem 0 #12001f1f;
  --shadow-product: 0 1.25rem 2.5rem -0.5rem #12001f59;
  --shadow-hero-media: 0 1.25rem 3rem 0 #12001f73;
  --shadow-focus: 0 0 0 0.1875rem #f5c84c;

  --container-max: 60rem;
  --copy-measure: 68ch;
  --hero-copy-max: 44rem;
  --hero-media-max: 34rem;
  --offer-max: 60rem;
  --offer-mobile-max: 26.875rem;
  --faq-max: 44rem;
  --interactive-min-height: 2.75rem;
  --cta-min-height: 3.5rem;
  --cta-max-width: 30rem;

  --motion-fast: 160ms;
  --motion-standard: 240ms;
  --motion-easing: ease-out;
}