/* ============================================================
   LFG BEVERAGE: TYPOGRAPHY
   Cinzel (engraved caps) · Cormorant Garamond (editorial serif)
   · Jost (geometric sans, labels & body).
   ============================================================ */
:root {
  /* families */
  --font-display: 'Cinzel', 'Trajan Pro', Georgia, serif;      /* LFG wordmark, hero statements */
  --font-serif:   'Cormorant Garamond', Georgia, 'Times New Roman', serif; /* editorial lines, quotes */
  --font-sans:    'Jost', 'Futura', 'Helvetica Neue', Arial, sans-serif;   /* eyebrows, labels, UI, body */

  /* fluid display sizes */
  --text-hero:    clamp(3.5rem, 8vw, 7rem);
  --text-6xl:     4.5rem;
  --text-5xl:     3.5rem;
  --text-4xl:     2.75rem;
  --text-3xl:     2rem;
  --text-2xl:     1.5rem;
  --text-xl:      1.25rem;
  --text-lg:      1.125rem;
  --text-base:    1rem;
  --text-sm:      0.875rem;
  --text-xs:      0.75rem;
  --text-2xs:     0.6875rem;

  /* weights */
  --fw-light: 300;     /* @kind font */
  --fw-regular: 400;   /* @kind font */
  --fw-medium: 500;    /* @kind font */
  --fw-semibold: 600;  /* @kind font */
  --fw-bold: 700;      /* @kind font */
  --fw-black: 900;     /* @kind font */

  /* line heights */
  --lh-tight: 1.02;    /* @kind font */
  --lh-snug: 1.15;     /* @kind font */
  --lh-normal: 1.45;   /* @kind font */
  --lh-relaxed: 1.7;   /* @kind font */

  /* letter spacing: LFG leans on wide letterspaced caps for eyebrows/labels */
  --ls-eyebrow: 0.26em;   /* @kind font */
  --ls-caps:    0.14em;   /* @kind font */
  --ls-wide:    0.06em;   /* @kind font */
  --ls-normal:  0.01em;   /* @kind font */
  --ls-display: 0.02em;   /* @kind font */

  /* semantic roles */
  --role-eyebrow-font: var(--font-sans);
  --role-eyebrow-size: var(--text-sm);
  --role-display-font: var(--font-display);
  --role-heading-font: var(--font-serif);
  --role-body-font: var(--font-sans);
  --role-body-size: var(--text-base);
  --role-body-lh: var(--lh-relaxed);
}