:root {
  --bg: #f5efe7;
  --bg-deep: #181517;
  --panel: rgba(255, 252, 247, 0.82);
  --panel-strong: rgba(255, 252, 247, 0.94);
  --ink: #19161b;
  --muted: #625867;
  --accent: #b11e36;
  --accent-strong: #8e1027;
  --accent-soft: #f5d8ce;
  --warm: #d96e42;
  --gold: #d7a85d;
  --line: rgba(25, 22, 27, 0.12);
  --line-soft: rgba(25, 22, 27, 0.08);
  --line-strong: rgba(25, 22, 27, 0.18);
  --surface-0: rgba(255, 255, 255, 0.78);
  --surface-1: rgba(255, 252, 247, 0.88);
  --surface-2: rgba(255, 247, 241, 0.78);
  --surface-accent: rgba(177, 30, 54, 0.08);
  --shadow: 0 28px 70px rgba(40, 23, 20, 0.14);
  --shadow-soft: 0 18px 40px rgba(40, 23, 20, 0.1);
  --shadow-strong: 0 30px 72px rgba(43, 22, 24, 0.28);
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --radius-pill: 999px;
  --max-width: 1180px;
  --gutter: 2rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 4rem;
  --space-9: 5.5rem;
  --button-height: 3.25rem;
  --button-min-width: 13.5rem;
  --button-min-width-compact: 11rem;
  --button-gradient-start: #b11e36;
  --button-gradient-mid: #8e1027;
  --button-gradient-end: #571421;
  --button-fill: #b11e36;
  --button-fill-hover: #8e1027;
  --button-text: #ffffff;
  --button-border: transparent;
  --button-shadow: none;
  --button-secondary-bg: rgba(255, 252, 247, 0.88);
  --button-secondary-bg-hover: rgba(255, 248, 241, 0.98);
  --button-secondary-border: rgba(25, 22, 27, 0.1);
  --button-secondary-text: #19161b;
  --button-ghost-bg: rgba(177, 30, 54, 0.08);
  --button-ghost-bg-hover: rgba(177, 30, 54, 0.12);
  --button-ghost-border: rgba(177, 30, 54, 0.22);
  --button-ghost-text: #8e1027;
  --cta-band-bg: radial-gradient(circle at top left, rgba(255, 255, 255, 0.44), transparent 34%), linear-gradient(135deg, rgba(255, 252, 247, 0.98) 0%, rgba(250, 241, 236, 0.96) 54%, rgba(245, 216, 206, 0.94) 100%);
  --cta-band-text: #19161b;
  --cta-band-text-muted: #5f5360;
  --cta-band-border: rgba(255, 255, 255, 0.56);
  --cta-band-shadow: 0 24px 56px rgba(73, 41, 39, 0.14);
  --pill-height: 2rem;
  --eyebrow-height: 2rem;
  --brand-logo-height: 3rem;
  --card-padding: 1.65rem;
  --card-padding-large: 1.8rem;
  --card-padding-mobile: 1.35rem;
  --grid-gap: 1.3rem;
  --content-gap: 1.6rem;
  --cta-gap: 0.9rem;
  --text-measure: 42rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #101419;
    --bg-deep: #05070A;
    --panel: rgba(23, 28, 34, 0.84);
    --panel-strong: rgba(25, 31, 38, 0.95);
    --ink: #F7F3EF;
    --muted: #D7CFC8;
    --accent: #D84860;
    --accent-strong: #FF8EA1;
    --accent-soft: rgba(216, 72, 96, 0.22);
    --warm: #F39A6B;
    --gold: #F0C880;
    --line: rgba(247, 243, 239, 0.14);
    --line-soft: rgba(247, 243, 239, 0.09);
    --line-strong: rgba(247, 243, 239, 0.2);
    --surface-0: rgba(27, 32, 39, 0.8);
    --surface-1: rgba(32, 38, 46, 0.9);
    --surface-2: rgba(37, 44, 52, 0.82);
    --surface-accent: rgba(216, 72, 96, 0.16);
    --shadow: 0 28px 70px rgba(0, 0, 0, 0.38);
    --shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.3);
    --shadow-strong: 0 30px 72px rgba(0, 0, 0, 0.48);
    --radius-xl: 28px;
    --radius-lg: 20px;
    --radius-md: 14px;
    --radius-sm: 10px;
    --radius-pill: 999px;
    --max-width: 1180px;
    --gutter: 2rem;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 2.5rem;
    --space-8: 4rem;
    --space-9: 5.5rem;
    --button-height: 3.25rem;
    --button-min-width: 13.5rem;
    --button-min-width-compact: 11rem;
    --button-gradient-start: #E04A64;
    --button-gradient-mid: #B72945;
    --button-gradient-end: #631B2D;
    --button-fill: #B4354B;
    --button-fill-hover: #A92B43;
    --button-text: #F7F3EF;
    --button-border: transparent;
    --button-shadow: none;
    --button-secondary-bg: rgba(31, 37, 44, 0.94);
    --button-secondary-bg-hover: rgba(39, 46, 54, 0.98);
    --button-secondary-border: rgba(247, 243, 239, 0.14);
    --button-secondary-text: #F7F3EF;
    --button-ghost-bg: rgba(216, 72, 96, 0.16);
    --button-ghost-bg-hover: rgba(216, 72, 96, 0.22);
    --button-ghost-border: rgba(255, 142, 161, 0.48);
    --button-ghost-text: #F7F3EF;
    --cta-band-bg: radial-gradient(circle at top left, rgba(255, 255, 255, 0.08), transparent 34%), linear-gradient(135deg, #12161B 0%, #3A1C25 54%, #A73049 100%);
    --cta-band-text: #F7F3EF;
    --cta-band-text-muted: rgba(247, 243, 239, 0.82);
    --cta-band-border: rgba(247, 243, 239, 0.08);
    --cta-band-shadow: 0 30px 72px rgba(0, 0, 0, 0.34);
    --pill-height: 2rem;
    --eyebrow-height: 2rem;
    --brand-logo-height: 3rem;
    --card-padding: 1.65rem;
    --card-padding-large: 1.8rem;
    --card-padding-mobile: 1.35rem;
    --grid-gap: 1.3rem;
    --content-gap: 1.6rem;
    --cta-gap: 0.9rem;
    --text-measure: 42rem;
  }
}