/* ============================================================
   GABE RENE LLC — TYPOGRAPHY TOKENS
   Headline font changes per division (part of each signature).
   Subhead, body and callout roles are shared. GR Hand is a human
   moment: callout / signature ONLY, never body copy.

   Embedded faces (GR Hand, Kind Avenue, The New Elegance) live in
   fonts.css. Adobe-hosted faces (Dharma Gothic E, Minerva Modern,
   Alphabet Soup) load via Typekit on approved domains; Google
   fallbacks are imported below so type still resolves everywhere.
   ============================================================ */

/* Google fallbacks + shared web faces */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Raleway:wght@300;400;500;600;700&family=Oxygen:wght@300;400;700&family=Oswald:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

/* Adobe Typekit — resolves Dharma Gothic E, Minerva Modern, Alphabet Soup on approved domains */
@import url('https://use.typekit.net/jfh3vau.css');

:root {
  /* ==== TYPE ROLES ==== */
  --f-headline: 'dharma-gothic-e', 'Oswald', sans-serif;          /* @kind font */
  --f-headline-weddings: 'Kind Avenue', Georgia, serif;           /* @kind font */
  --f-headline-afterdark: 'The New Elegance', Georgia, serif;     /* @kind font */
  --f-headline-trendy: 'alphabet-soup-pro', 'Oswald', sans-serif; /* @kind font */
  --f-subhead: 'minerva-modern', 'Cormorant Garamond', Georgia, serif; /* @kind font */
  --f-body: 'Oxygen', system-ui, sans-serif;                      /* @kind font */
  --f-body-alt: 'Raleway', system-ui, sans-serif;                 /* @kind font */
  --f-hand: 'GR Hand', cursive;                                   /* @kind font */
  --f-mono: 'Space Mono', 'Courier New', monospace;               /* @kind font */

  /* ==== TYPE SCALE (display-forward, cinematic) ==== */
  --fs-display: clamp(48px, 7vw, 92px);  /* @kind font */
  --fs-h1: 58px;       /* @kind font */
  --fs-h2: 30px;       /* @kind font */
  --fs-h3: 20px;       /* @kind font */
  --fs-subhead: 22px;  /* @kind font */
  --fs-body: 16px;     /* @kind font */
  --fs-small: 13px;    /* @kind font */
  --fs-eyebrow: 11px;  /* @kind font */

  /* ==== WEIGHTS / TRACKING ==== */
  --fw-headline: 600;          /* @kind other */
  --tracking-headline: 0.01em; /* @kind other */
  --tracking-eyebrow: 0.16em;  /* @kind other */
  --tracking-mono: 0.08em;     /* @kind other */
  --leading-tight: 1.02;       /* @kind other */
  --leading-body: 1.7;         /* @kind other */
}