/* ══════════════════════════════════════
   LEGACY COMPAT — retained pages only
   (intake, free-overlay-tool, thank-you)
   ══════════════════════════════════════ */

:root {
  --header-height: var(--header-h);
  --color-primary: var(--bg);
  --color-surface: var(--bg-raised);
  --color-surface-light: var(--bg-raised);
  --color-surface-elevated: var(--bg-elevated);
  --color-accent: var(--amber);
  --color-accent-light: var(--amber-bright);
  --color-accent-dim: var(--amber-dim);
  --color-white: var(--ink);
  --color-light-gray: var(--ink-soft);
  --color-gray: var(--ink-mute);
  --font-heading: var(--font-display);
  --space-xs: var(--sp-1); --space-sm: var(--sp-2); --space-md: var(--sp-3);
  --space-lg: var(--sp-4); --space-xl: var(--sp-5); --space-2xl: var(--sp-6);
  --space-3xl: var(--sp-7); --space-4xl: var(--sp-7); --space-6xl: var(--sp-8);
  --radius-sm: var(--r-sm); --radius-md: var(--r-md); --radius-lg: var(--r-lg);
  --radius-xl: var(--r-lg); --radius-full: 9999px;
  --fs-massive: var(--fs-hero);
  --max-width: var(--max-w);
}

.btn--primary { background: var(--amber); color: #171207; }
.btn--primary:hover { background: var(--amber-bright); transform: translateY(-2px); }
.btn--lg { padding: 1rem 2rem; font-size: var(--fs-md); }
.btn--sm { padding: 0.5rem 1rem; font-size: var(--fs-xs); }
.btn--full { width: 100%; justify-content: center; }

.hero { padding-top: calc(var(--header-h) + var(--sp-7)); padding-bottom: var(--sp-6); }
.hero__title { font-family: var(--font-display); font-weight: 800; font-size: var(--fs-3xl); letter-spacing: var(--track-tight); line-height: 1.04; }
.hero__subtitle { font-size: var(--fs-lg); color: var(--ink-soft); margin-top: var(--sp-4); max-width: 65ch; }
.section__label { font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: 500; color: var(--amber); letter-spacing: var(--track-caps); text-transform: uppercase; }
.section__title { font-family: var(--font-display); font-weight: 800; font-size: var(--fs-2xl); letter-spacing: var(--track-tight); line-height: 1.04; }
.section__subtitle { font-size: var(--fs-lg); color: var(--ink-soft); }
.text-center { text-align: center; }