/* ============================================================
   KleanKlub — Typography tokens
   Display: Source Serif 4 (600, occasional italic for emphasis).
   UI / body: Source Sans 3 (300 body, 600–700 for labels & buttons).
   ============================================================ */
:root {
  /* ---- Families ---- */
  --kk-font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --kk-font-sans:    'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --kk-font-body:    var(--kk-font-sans);

  /* ---- Weights ---- */
  --kk-fw-light:     300; /* @kind font */
  --kk-fw-regular:   400; /* @kind font */
  --kk-fw-medium:    500; /* @kind font */
  --kk-fw-semibold:  600; /* @kind font */
  --kk-fw-bold:      700; /* @kind font */

  /* ---- Type scale (responsive display sizes use clamp) ---- */
  --kk-text-hero:     clamp(34px, 4vw, 54px);  /* page hero H1 — display */
  --kk-text-title:    clamp(26px, 3vw, 38px);  /* section H2 — display */
  --kk-text-subtitle: clamp(20px, 2.2vw, 28px);/* card / banner H3 */
  --kk-text-lead:     17px; /* hero sub, intro paragraphs */
  --kk-text-body:     16px; /* default body */
  --kk-text-sm:       14px; /* UI text, nav, card body */
  --kk-text-xs:       13px; /* captions, fine print */
  --kk-text-2xs:      12px; /* eyebrow labels */

  /* ---- Line heights ---- */
  --kk-leading-tight:   1.12; /* hero display */
  --kk-leading-heading: 1.2;  /* section titles */
  --kk-leading-snug:    1.4;
  --kk-leading-body:    1.65; /* paragraphs */

  /* ---- Letter spacing ---- */
  --kk-tracking-display: -0.01em; /* tighten large serif */
  --kk-tracking-label:   0.1em;   /* uppercase eyebrow labels */
  --kk-tracking-wide:    0.04em;
}