/* ============================================================
   TERIAC — Typography tokens
   Inter for everything in-product and in body copy. Montserrat
   for the wordmark and large display lockups (a tracked, light,
   contemporary face that mirrors the TERIAC logotype).
   Type voice: tight tracking on display, comfortable on body,
   ALL-CAPS + wide tracking for kickers/labels.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-sans:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Montserrat', 'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* ---- Weights ---- */
  --fw-light:     300; /* @kind other */
  --fw-regular:   400; /* @kind other */
  --fw-medium:    500; /* @kind other */
  --fw-semibold:  600; /* @kind other */
  --fw-bold:      700; /* @kind other */
  --fw-extrabold: 800; /* @kind other */

  /* ---- Type scale (px) ---- */
  --fs-display-xl: 58px;  /* hero headline           */
  --fs-display-l:  44px;  /* section hero            */
  --fs-display-m:  34px;
  --fs-h1:         28px;
  --fs-h2:         22px;
  --fs-h3:         18px;
  --fs-body-lg:    16px;
  --fs-body:       15px;  /* default body            */
  --fs-body-sm:    13px;
  --fs-caption:    12px;
  --fs-micro:      11px;
  --fs-kicker:     12px;  /* eyebrow label           */

  /* ---- Line heights ---- */
  --lh-tight:    0.96; /* @kind other */
  --lh-snug:     1.1;  /* @kind other */
  --lh-heading:  1.18; /* @kind other */
  --lh-body:     1.55; /* @kind other */
  --lh-relaxed:  1.7;  /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-display:  -0.045em;  /* @kind other */
  --ls-heading:  -0.03em;   /* @kind other */
  --ls-body:     0;         /* @kind other */
  --ls-kicker:   0.22em;    /* @kind other */
  --ls-label:    0.16em;    /* @kind other */
  --ls-wordmark: 0.34em;    /* @kind other */
}