/* ============================================================
   Evalation - Typography tokens
   Hanken Grotesk (400-800): wordmark, headings, body.
   JetBrains Mono (400-600): eyebrows, hex/codes, status labels.
   ============================================================ */
:root {
  /* families */
  --font-sans: 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-display: var(--font-sans);

  /* weights */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-black:    800; /* @kind font */

  /* type scale - font sizes */
  --fs-display:   52px; /* @kind font */
  --fs-h1:        40px; /* @kind font */
  --fs-h2:        32px; /* @kind font */
  --fs-h3:        24px; /* @kind font */
  --fs-h4:        20px; /* @kind font */
  --fs-body-lg:   18px; /* @kind font */
  --fs-body:      16px; /* @kind font */
  --fs-body-sm:   14px; /* @kind font */
  --fs-caption:   13px; /* @kind font */
  --fs-label:     13px; /* @kind font */
  --fs-eyebrow:   12px; /* @kind font */

  /* line-heights (unitless) */
  --lh-display:  1.02; /* @kind other */
  --lh-h1:       1.05; /* @kind other */
  --lh-h2:       1.1;  /* @kind other */
  --lh-h3:       1.2;  /* @kind other */
  --lh-h4:       1.3;  /* @kind other */
  --lh-body-lg:  1.6;  /* @kind other */
  --lh-body:     1.6;  /* @kind other */
  --lh-body-sm:  1.55; /* @kind other */
  --lh-caption:  1.5;  /* @kind other */
  --lh-label:    1.4;  /* @kind other */

  /* letter-spacing / tracking */
  --tr-display:  -0.035em; /* @kind other */
  --tr-h1:       -0.03em;  /* @kind other */
  --tr-h2:       -0.02em;  /* @kind other */
  --tr-h3:       -0.015em; /* @kind other */
  --tr-h4:       -0.01em;  /* @kind other */
  --tr-label:    0.06em;   /* @kind other */
  --tr-eyebrow:  0.2em;    /* @kind other */
}