[data-pairing="luxury-classic"] {
  --font-display: 'Playfair Display', Didot, 'Bodoni MT', serif;
  --font-heading: 'Playfair Display', Didot, serif;
  --font-body: 'Source Sans 3', 'Segoe UI', sans-serif;
  --font-accent: 'Playfair Display', serif;     
  --weight-display: 500;
  --weight-heading: 500;
  --tracking-display: -0.01em;
  --tracking-heading: -0.005em;
  --leading-display: 1.08;
}

[data-pairing="editorial-modern"] {
  --font-display: 'Newsreader', Georgia, serif;
  --font-heading: 'Newsreader', Georgia, serif;
  --font-body: 'Source Serif 4', Georgia, serif;
  --font-accent: 'Inter', system-ui, sans-serif;
  --weight-display: 600;
  --weight-heading: 600;
  --tracking-display: -0.018em;
  --leading-body: 1.65;
}

[data-pairing="corporate-trust"] {
  --font-display: 'Work Sans', 'Segoe UI', sans-serif;
  --font-heading: 'Work Sans', 'Segoe UI', sans-serif;
  --font-body: 'Source Sans 3', 'Segoe UI', sans-serif;
  --font-accent: 'Work Sans', sans-serif;
  --weight-display: 600;
  --weight-heading: 600;
  --tracking-display: -0.02em;
}

[data-pairing="tech-forward"] {
  --font-display: 'Space Grotesk', 'Segoe UI', sans-serif;
  --font-heading: 'Space Grotesk', 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-accent: 'JetBrains Mono', Consolas, monospace;
  --font-mono: 'JetBrains Mono', Consolas, monospace;
  --weight-display: 700;
  --weight-heading: 600;
  --tracking-display: -0.025em;
  --leading-display: 1.02;
}

[data-pairing="creative-statement"] {
  --font-display: 'Syne', 'Arial Black', sans-serif;
  --font-heading: 'Syne', sans-serif;
  --font-body: 'Manrope', 'Segoe UI', sans-serif;
  --font-accent: 'Syne', sans-serif;
  --weight-display: 800;
  --weight-heading: 700;
  --tracking-display: -0.015em;
  --leading-display: 1.0;
}

[data-pairing="artisan-warm"] {
  --font-display: 'Fraunces', Georgia, serif;
  --font-heading: 'Fraunces', Georgia, serif;
  --font-body: 'Lora', Georgia, serif;
  --font-accent: 'Fraunces', serif;             
  --weight-display: 600;
  --weight-heading: 550;
  --tracking-display: -0.012em;
  --leading-body: 1.7;
}

[data-pairing="cultural-grounded"] {
  --font-display: 'Bitter', 'Rockwell', serif;
  --font-heading: 'Bitter', serif;
  --font-body: 'Source Sans 3', 'Segoe UI', sans-serif;
  --font-accent: 'Bitter', serif;
  --weight-display: 700;
  --weight-heading: 600;
  --tracking-display: -0.01em;
}

[data-pairing="bold-impact"] {
  --font-display: 'Archivo', 'Arial Black', sans-serif;
  --font-heading: 'Archivo', sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-accent: 'Archivo', sans-serif;
  --weight-display: 900;
  --weight-heading: 700;
  --tracking-display: -0.03em;
  --leading-display: 0.98;
}

[data-pairing="minimal-pure"] {
  --font-display: 'Manrope', 'Segoe UI', sans-serif;
  --font-heading: 'Manrope', 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-accent: 'Instrument Serif', Georgia, serif;  
  --weight-display: 600;
  --weight-heading: 500;
  --tracking-display: -0.02em;
  --tracking-heading: -0.008em;
  --leading-display: 1.1;
}

[data-pairing="warm-personal"] {
  --font-display: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
  --font-heading: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
  --font-body: 'Literata', Georgia, serif;
  --font-accent: 'Plus Jakarta Sans', sans-serif;
  --weight-display: 700;
  --weight-heading: 600;
  --tracking-display: -0.015em;
  --leading-body: 1.7;
}

.eyebrow {
  font-family: var(--font-accent);
  font-size: var(--step--1);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-primary);
}

.display-1 {
  font-family: var(--font-display);
  font-size: var(--step-8);
  font-weight: var(--weight-display);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
  text-wrap: balance;
}
.display-2 {
  font-family: var(--font-display);
  font-size: var(--step-7);
  font-weight: var(--weight-display);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
  text-wrap: balance;
}

.accent-italic {
  font-family: var(--font-accent);
  font-style: italic;
  font-weight: inherit;
}

.lead {
  font-size: var(--step-1);
  line-height: var(--leading-snug);
  color: var(--color-text-2);
  max-width: var(--measure-prose);
}
