/* ============================================================
   Future Self Now — Typography tokens
   Display: Gilda Display (serif, calm + premium)
   Body/UI: Proxima Nova (light-led, airy)
   Script:  Amsterdam One (the signature flourish, accents only)
   Mono:    Courier Prime (kickers, labels, meta — playbook voice)
   ============================================================ */
:root {
  /* ---------- Families ---------- */
  --font-display: "Gilda Display", "Cormorant Garamond", Georgia, serif;
  --font-body:    "Proxima Nova", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-script:  "Amsterdam One", "Pinyon Script", cursive;
  --font-mono:    "Courier Prime", "Courier New", ui-monospace, monospace;

  /* ---------- Weights (see fonts.css for what physically exists) ---------- */
  --fw-light:   300;   /* @kind font */
  --fw-regular: 400;   /* @kind font */
  --fw-bold:    700;   /* @kind font */
  --fw-black:   900;   /* @kind font */

  /* ---------- Fluid type scale (1.2 minor-third, fluid) ---------- */
  --text-2xs:  0.6875rem;  /* 11px — micro labels        */
  --text-xs:   0.75rem;    /* 12px — meta, captions      */
  --text-sm:   0.875rem;   /* 14px — secondary UI        */
  --text-base: 1rem;       /* 16px — body                */
  --text-md:   1.125rem;   /* 18px — lead body           */
  --text-lg:   1.375rem;   /* 22px — small heading       */
  --text-xl:   1.75rem;    /* 28px                       */
  --text-2xl:  clamp(2rem, calc(1.4rem + 2.6vw), 2.75rem);
  --text-3xl:  clamp(2.5rem, calc(1.6rem + 3.8vw), 3.75rem);
  --text-4xl:  clamp(3.25rem, calc(1.8rem + 6vw), 5.5rem);
  --text-5xl:  clamp(4rem, calc(2rem + 8vw), 7rem);

  /* ---------- Line heights ---------- */
  --leading-tight:   1.05;
  --leading-snug:    1.18;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* ---------- Tracking ---------- */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-kicker: 0.22em;   /* Courier mono kickers, ALL CAPS */

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

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

  --type-kicker-family: var(--font-mono);
  --type-kicker-tracking: var(--tracking-kicker);
}