/* Farbenkranz — Typography tokens
 * Display: Cormorant Garamond (serif). H1/H2 italic + wide tracking.
 * Text / nav / buttons / H4: Karla (sans).
 */
:root {
  /* ---- Families ---- */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-sans:    'Karla', 'Helvetica Neue', Arial, sans-serif;
  --font-body:    var(--font-sans);

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

  /* ---- Size scale (matches GP presets) ---- */
  --fs-small:    13px;  /* legal, meta */
  --fs-normal:   16px;  /* body default */
  --fs-medium:   20px;  /* lead, sub-headline */
  --fs-large:    36px;  /* section headings */
  --fs-xlarge:   42px;  /* hero / huge */
  --fs-display:  clamp(42px, 6vw, 72px); /* @kind font */

  /* Heading steps (em-based, mirrors entry-title 2.2em) */
  --fs-h1: clamp(34px, 5vw, 56px); /* @kind font */
  --fs-h2: clamp(28px, 4vw, 44px); /* @kind font */
  --fs-h3: clamp(20px, 2.4vw, 26px); /* @kind font */
  --fs-h4: 20px; /* @kind font */

  /* ---- Line heights ---- */
  --lh-tight:   1.1; /* @kind font */
  --lh-heading: 1.2; /* @kind font */
  --lh-snug:    1.4; /* @kind font */
  --lh-body:    1.7; /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-display:  3px;    /* @kind font */
  --ls-button:   2px;    /* @kind font */
  --ls-chip:     1.5px;  /* @kind font */
  --ls-normal:   0;      /* @kind font */
}