/* ============================================================
   Complete Aesthete — Typography Tokens
   ------------------------------------------------------------
   Three voices:
     • Serif  (Cormorant Garamond) — elegant, high-contrast. Logo,
       headlines and WIDE-TRACKED CAPS labels. The brand workhorse.
     • Script (Sacramento / Pinyon) — bouncy signature accents only.
       Never set body copy or long lines in script.
     • Sans   (Mulish) — clean, quiet. Body copy, UI, fine print.
   ============================================================ */

:root {
  --font-serif:        'Cormorant Garamond', 'Cormorant', Georgia, serif;
  --font-script:       'Sacramento', 'Brush Script MT', cursive;     /* casual signature */
  --font-script-formal:'Pinyon Script', 'Sacramento', cursive;       /* formal calligraphy */
  --font-sans:         'Mulish', 'Avenir Next', 'Segoe UI', system-ui, sans-serif;

  /* Display serif tends to render small; nudge optical sizes up. */
  --type-hero:   clamp(3rem, 7vw, 5.5rem);   /* 48–88  serif display   */
  --type-h1:     clamp(2.25rem, 4.5vw, 3.25rem);
  --type-h2:     2.25rem;   /* 36 */
  --type-h3:     1.625rem;  /* 26 */
  --type-h4:     1.25rem;   /* 20 */
  --type-lead:   1.1875rem; /* 19 sans lead paragraph */
  --type-body:   1rem;      /* 16 */
  --type-sm:     0.875rem;  /* 14 */
  --type-xs:     0.75rem;   /* 12 */
  --type-eyebrow:0.8125rem; /* 13 tracked caps label  */

  --script-accent: clamp(2.5rem, 5vw, 4rem) /* @kind spacing */;

  /* Weights */
  --w-light: 300;  /* @kind other */
  --w-reg:   400;  /* @kind other */
  --w-med:   500;  /* @kind other */
  --w-semi:  600;  /* @kind other */
  --w-bold:  700;  /* @kind other */

  /* Line heights */
  --lh-tight:   1.05;  /* @kind other */
  --lh-snug:    1.2;   /* @kind other */
  --lh-normal:  1.5;   /* @kind other */
  --lh-relaxed: 1.7;   /* @kind other */

  /* Letter-spacing — the brand leans on GENEROUS tracking for caps */
  --track-hero:   0.01em;  /* @kind other */
  --track-caps:   0.30em;  /* @kind other */
  --track-caps-lg:0.18em;  /* @kind other */
  --track-wide:   0.08em;  /* @kind other */
  --track-normal: 0;       /* @kind other */
}

/* Convenience composition classes (optional sugar for cards/kits) */
.t-eyebrow {
  font-family: var(--font-serif);
  font-size: var(--type-eyebrow);
  font-weight: var(--w-med);
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  color: var(--text-muted);
}
.t-serif-caps {
  font-family: var(--font-serif);
  font-weight: var(--w-reg);
  letter-spacing: var(--track-caps-lg);
  text-transform: uppercase;
  line-height: var(--lh-snug);
}
.t-script {
  font-family: var(--font-script);
  color: var(--text-script);
  line-height: 1;
  font-weight: var(--w-reg);
}
.t-body {
  font-family: var(--font-sans);
  font-size: var(--type-body);
  line-height: var(--lh-relaxed);
  color: var(--text-body);
}