/* ============================================================
   DevEx Research — Typography tokens
   Display: Syne (700/800, tight tracking) — headlines, wordmark.
   Mono:    DM Mono (300 long-form, 400 labels) — body, UI, meta.
   Serif:   Newsreader — optional long-form reading face.
   ============================================================ */

:root {
  /* --- Families --- */
  --font-display: 'Syne', system-ui, sans-serif;
  --font-mono:    'DM Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-read:    'Newsreader', Georgia, serif;

  /* --- Weights --- */
  --fw-light:     300;   /* @kind font */
  --fw-regular:   400;   /* @kind font */
  --fw-medium:    500;   /* @kind font */
  --fw-bold:      700;   /* @kind font */
  --fw-black:     800;   /* @kind font */

  /* --- Type scale (px) — display & body share this ramp --- */
  --text-2xs:     10px;
  --text-xs:      11px;
  --text-sm:      12px;
  --text-base:    14px;   /* default body */
  --text-md:      16px;
  --text-lg:      19px;   /* lede */
  --text-xl:      26px;   /* h2 */
  --text-2xl:     34px;
  --text-3xl:     42px;   /* h1 */
  --text-4xl:     58px;
  --text-5xl:     78px;   /* hero */

  /* --- Line heights --- */
  --lh-tight:     1.02;   /* @kind font */
  --lh-snug:      1.2;    /* @kind font */
  --lh-heading:   1.1;    /* @kind font */
  --lh-body:      1.75;   /* @kind font */
  --lh-read:      1.6;    /* @kind font */

  /* --- Tracking --- */
  --tracking-display: -0.03em;   /* @kind font */
  --tracking-tight:   -0.02em;   /* @kind font */
  --tracking-normal:  0;         /* @kind font */
  --tracking-label:   0.2em;     /* @kind font */
  --tracking-meta:    0.25em;    /* @kind font */
}