/* PARENTHOOD.AI — Typography tokens
   Real fonts named in the Brand Identity & Style Guide, Section 04 —
   all genuine Google Fonts, loaded directly (no substitution needed):
     Display / Wordmark → Cormorant Garamond (high-contrast serif)
     Script Accent      → Great Vibes (handwritten — step labels, decorative)
     Body & UI          → Montserrat (bold geometric sans)
     CTA / Banners      → Bebas Neue (condensed sans, ALL CAPS)
*/
:root {
  --font-display: "Cormorant Garamond", "Didot", serif;
  --font-script: "Great Vibes", cursive;
  --font-body: "Montserrat", "DM Sans", sans-serif;
  --font-cta: "Bebas Neue", sans-serif;
  --font-mono: "Space Mono", ui-monospace, monospace;

  /* Tracking */
  --tracking-tight: -0.01em;
  --tracking-normal: 0em;
  --tracking-wide: 0.06em;
  --tracking-cta: 0.04em;         /* Bebas Neue banners */
  --tracking-tagline: 0.18em;     /* brand tagline treatment, all-caps spaced */

  /* Type scale (display / editorial serif) */
  --text-display-xl: 700 64px/1.05 var(--font-display);
  --text-display-lg: 600 48px/1.08 var(--font-display);
  --text-display-md: 600 36px/1.12 var(--font-display);
  --text-display-sm: 500 28px/1.2 var(--font-display);

  /* Carousel main-statement scale (22-28pt per guide) */
  --text-statement: 800 26px/1.2 var(--font-body);

  /* Type scale (body — Montserrat, bold-leaning per guide) */
  --text-body-xl: 600 20px/1.4 var(--font-body);
  --text-body-lg: 600 17px/1.5 var(--font-body);
  --text-body-md: 500 15px/1.5 var(--font-body);
  --text-body-sm: 500 13px/1.45 var(--font-body);
  --text-body-xs: 600 11px/1.3 var(--font-body);

  --text-label: 600 12px/1.2 var(--font-body);
  --text-tagline: 600 11px/1.4 var(--font-body);

  /* Script accent (step labels) */
  --text-script-lg: 400 32px/1 var(--font-script);
  --text-script-md: 400 24px/1 var(--font-script);

  /* CTA / banner (Bebas Neue, ALL CAPS) */
  --text-cta-lg: 400 28px/1.1 var(--font-cta);
  --text-cta-md: 400 20px/1.2 var(--font-cta);

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
}