/* ============================================================
   Arístides — Typography Tokens
   ------------------------------------------------------------
   Anton ........... heavy condensed display (logo, big headlines)
   Hanken Grotesk .. ~ Elza — confident display / subheads / UI
   Mulish .......... ~ Avenir Next — body & long-form reading
   Onest ........... ~ Rotulo Variable — alt rounded display
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display:  'Anton', 'Hanken Grotesk', 'Arial Narrow', sans-serif;     /* condensed hero */
  --font-heading:  'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;     /* ~ Elza */
  --font-body:     'Mulish', 'Avenir Next', 'Segoe UI', sans-serif;           /* ~ Avenir Next */
  --font-alt:      'Onest', 'Hanken Grotesk', sans-serif;                     /* ~ Rotulo */
  --font-hand:     'Permanent Marker', 'Comic Sans MS', cursive;              /* scrapbook / polaroid captions */

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

  /* ---- Type scale (1.250 major-third, 16px base) ---- */
  --text-2xs:      0.6875rem;  /* 11px — legal / favicon caption */
  --text-xs:       0.75rem;    /* 12px — eyebrow / meta */
  --text-sm:       0.875rem;   /* 14px — captions, labels */
  --text-base:     1rem;       /* 16px — body */
  --text-md:       1.125rem;   /* 18px — lead body */
  --text-lg:       1.375rem;   /* 22px — small headings */
  --text-xl:       1.75rem;    /* 28px — H4 */
  --text-2xl:      2.25rem;    /* 36px — H3 */
  --text-3xl:      3rem;       /* 48px — H2 */
  --text-4xl:      4rem;       /* 64px — H1 */
  --text-5xl:      5.5rem;     /* 88px — hero display */
  --text-6xl:      7.5rem;     /* 120px — banner display */

  /* ---- Line heights ---- */
  --lh-tight:      0.96; /* @kind font */ /* condensed display headlines */
  --lh-snug:       1.15; /* @kind font */ /* headings */
  --lh-normal:     1.5;  /* @kind font */ /* body */
  --lh-relaxed:    1.7;  /* @kind font */ /* long-form */

  /* ---- Letter spacing ---- */
  --ls-tight:      -0.02em; /* @kind font */
  --ls-normal:     0; /* @kind font */
  --ls-wide:       0.04em; /* @kind font */
  --ls-wider:      0.12em; /* @kind font */ /* eyebrow / all-caps labels */
  --ls-display:    0.01em; /* @kind font */ /* Anton caps breathe slightly */
}