/* Tab & Kit — Typography tokens */

:root {
  /* Families */
  --font-display: 'Spectral', 'Hoefler Text', Georgia, 'Times New Roman', serif;
  --font-sans: 'Hanken Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-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 */
  --fw-extrabold: 800;  /* @kind font */

  /* Fluid display scale (editorial — set in serif) */
  --text-display-2xl: clamp(3.25rem, 6.2vw, 5.75rem);  /* hero */
  --text-display-xl:  clamp(2.6rem, 4.6vw, 4.25rem);
  --text-display-lg:  clamp(2.1rem, 3.4vw, 3.15rem);
  --text-display-md:  clamp(1.7rem, 2.4vw, 2.35rem);
  --text-display-sm:  clamp(1.4rem, 1.8vw, 1.75rem);

  /* UI / body scale (sans) */
  --text-xl:   1.375rem;   /* 22 — lead */
  --text-lg:   1.125rem;   /* 18 */
  --text-base: 1rem;       /* 16 */
  --text-sm:   0.875rem;   /* 14 */
  --text-xs:   0.75rem;    /* 12 */
  --text-2xs:  0.6875rem;  /* 11 — micro labels */

  /* Line heights */
  --leading-tight: 1.04;
  --leading-snug: 1.18;
  --leading-display: 1.08;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing */
  --tracking-tighter: -0.03em;   /* large display */
  --tracking-tight: -0.015em;
  --tracking-normal: 0em;
  --tracking-wide: 0.04em;
  --tracking-eyebrow: 0.22em;    /* tracked-out uppercase eyebrows */

  /* Semantic roles */
  --font-heading: var(--font-display);
  --font-body: var(--font-sans);
  --font-eyebrow: var(--font-sans);
}