/* ============================================================
   Known For — Typography tokens
   Three voices:
     1. Grotesque (Archivo) — headlines + body. Confident, neutral.
     2. Mono (IBM Plex Mono) — eyebrows, labels, data. The
        "document / canonical" voice. Tracked-out uppercase.
     3. Typewriter (Special Elite) — the Project: Canonical
        lockup ONLY. Distressed, hand-set, sacred-document feel.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-grotesk:   'Archivo', 'Helvetica Neue', Helvetica, system-ui, sans-serif;
  --font-mono:      'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --font-typewriter:'Special Elite', 'IBM Plex Mono', monospace;

  --font-display: var(--font-grotesk);
  --font-body:    var(--font-grotesk);
  --font-label:   var(--font-mono);

  /* ---- Weights ---- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-black:    800;

  /* ---- Display scale (grotesque, tight) ---- */
  --text-display-xl: 800 clamp(3rem, 6vw, 5rem)/1.02 var(--font-display);
  --text-display:    800 clamp(2.25rem, 4.2vw, 3.4rem)/1.05 var(--font-display);
  --text-h1:         800 clamp(2rem, 3.4vw, 2.85rem)/1.06 var(--font-display);
  --text-h2:         700 clamp(1.6rem, 2.4vw, 2.1rem)/1.1 var(--font-display);
  --text-h3:         700 1.3rem/1.2 var(--font-display);
  --text-h4:         700 1.075rem/1.3 var(--font-display);

  /* ---- Body scale ---- */
  --text-lead:  400 1.25rem/1.6 var(--font-body);
  --text-body:  400 1.0625rem/1.65 var(--font-body);
  --text-sm:    400 0.9375rem/1.6 var(--font-body);
  --text-xs:    400 0.8125rem/1.5 var(--font-body);

  /* ---- Label / mono scale ---- */
  --text-eyebrow:    600 0.78rem/1 var(--font-mono);
  --text-label:      500 0.8125rem/1.3 var(--font-mono);
  --text-annotation: 400 0.8125rem/1.4 var(--font-mono);

  /* ---- Tracking ---- */
  --track-display:  -0.02em;   /* tighten big grotesque */
  --track-tight:    -0.01em;
  --track-normal:   0;  /* @kind other */
  --track-eyebrow:   0.22em;    /* tracked-out mono eyebrows */
  --track-label:     0.08em;
  --track-typewriter:0.18em;    /* PROJECT: CANONICAL lockup */

  /* ---- Measure ---- */
  --measure-narrow: 34ch;
  --measure:        62ch;
  --measure-wide:   78ch;
}

/* ---- Convenience utility classes (optional for consumers) ---- */
.kf-eyebrow {
  font: var(--text-eyebrow);
  letter-spacing: var(--track-eyebrow);
  text-transform: uppercase;
  color: var(--text-eyebrow);
}
.kf-eyebrow--bracket::before { content: '[ '; }
.kf-eyebrow--bracket::after  { content: ' ]'; }
.kf-eyebrow--dash::before    { content: '— '; }
.kf-typewriter {
  font-family: var(--font-typewriter);
  letter-spacing: var(--track-typewriter);
}