/* ============================================================
   HI Lynn — Typography Tokens
   Three voices: a signature script for moments of warmth, a
   high-contrast serif for display, and a quiet garamond for
   reading and UI. Airy, generous, never shouty.
   ============================================================ */

:root {
  /* --- Families --- */
  --font-script: 'Allura', 'Snell Roundhand', cursive;
  --font-serif:  'Cormorant Garamond', 'Cormorant', Georgia, serif;
  --font-body:   'EB Garamond', 'Cormorant Garamond', Georgia, serif;
  --font-display: var(--font-serif);

  /* --- 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 */

  /* --- Fluid display + heading scale --- */
  --text-script: clamp(2.75rem, calc(1.6rem + 5vw), 5rem);  /* signature flourish */
  --text-7xl: clamp(3rem, calc(1.8rem + 5.4vw), 5.25rem);
  --text-6xl: clamp(2.5rem, calc(1.7rem + 3.8vw), 4rem);
  --text-5xl: clamp(2.1rem, calc(1.5rem + 2.8vw), 3.25rem);
  --text-4xl: clamp(1.8rem, calc(1.4rem + 1.9vw), 2.5rem);
  --text-3xl: 1.75rem;
  --text-2xl: 1.5rem;
  --text-xl:  1.25rem;
  --text-lg:  1.125rem;
  --text-md:  1rem;
  --text-sm:  0.875rem;
  --text-xs:  0.75rem;

  /* --- Line heights --- */
  --leading-tight: 1.08;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;

  /* --- Letter spacing --- */
  --tracking-tighter: -0.02em;
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.12em;   /* eyebrows / label caps */
  --tracking-widest: 0.28em;  /* tagline · MINDFUL · INTUITIVE */

  /* --- Semantic roles --- */
  --type-display-family: var(--font-serif);
  --type-display-weight: var(--fw-light);
  --type-display-leading: var(--leading-tight);

  --type-heading-family: var(--font-serif);
  --type-heading-weight: var(--fw-regular);

  --type-body-family: var(--font-body);
  --type-body-weight: var(--fw-regular);
  --type-body-leading: var(--leading-relaxed);

  --type-eyebrow-family: var(--font-body);
  --type-eyebrow-weight: var(--fw-medium);
  --type-eyebrow-tracking: var(--tracking-wider);

  --type-script-family: var(--font-script);
}