/* ==========================================================================
   MOT — Typography tokens
   ========================================================================== */

:root {
  /* --- Families --------------------------------------------------------- */
  --font-display: 'Barlow', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* --- Weights ---------------------------------------------------------- */
  --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) — clinical, functional, tight display ------------ */
  --fs-display: 56px;   /* hero */
  --fs-h1: 40px;
  --fs-h2: 30px;
  --fs-h3: 22px;
  --fs-h4: 18px;
  --fs-lg: 18px;        /* lead paragraph */
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;
  --fs-overline: 12px;  /* uppercase labels */

  /* --- Line heights ----------------------------------------------------- */
  --lh-tight: 1.08;     /* @kind other */
  --lh-snug: 1.25;      /* @kind other */
  --lh-normal: 1.55;    /* @kind other */
  --lh-relaxed: 1.7;    /* @kind other */

  /* --- Letter spacing --------------------------------------------------- */
  --ls-tight: -0.02em;  /* @kind other */
  --ls-normal: 0;       /* @kind other */
  --ls-wide: 0.04em;    /* @kind other */
  --ls-overline: 0.14em; /* @kind other */

  /* --- Semantic roles --------------------------------------------------- */
  --text-display-weight: var(--fw-extrabold);
  --text-heading-weight: var(--fw-bold);
  --text-overline-transform: uppercase;
}