/* ───────────────────────────────────────────────
   TYPOGRAPHY — Kraken-inspired type system
   Display = Kraken-Brand · UI/Body = Kraken-Product
   ─────────────────────────────────────────────── */
:root {
  /* Families */
  --font-display: 'Kraken-Brand', 'IBM Plex Sans', Helvetica, Arial, sans-serif;
  --font-ui: 'Kraken-Product', 'IBM Plex Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ── Type scale (role → size) ── */
  --text-display: 48px;       /* hero  · 700 · lh 1.17 · ls -1px   */
  --text-h1: 36px;            /* section · 700 · lh 1.22 · ls -0.5 */
  --text-h2: 28px;            /* sub-head · 700 · lh 1.29 · ls -0.5 */
  --text-feature: 22px;       /* feature title · 600 · lh 1.20    */
  --text-body: 16px;          /* body · 400/500 · lh 1.38         */
  --text-caption: 14px;       /* caption · lh 1.43–1.71           */
  --text-small: 12px;         /* small · lh 1.33                  */
  --text-micro: 7px;          /* micro label · 500 · uppercase    */

  /* Line heights */
  --lh-display: 1.17; /* @kind other */
  --lh-h1: 1.22; /* @kind other */
  --lh-h2: 1.29; /* @kind other */
  --lh-feature: 1.20; /* @kind other */
  --lh-body: 1.38; /* @kind other */
  --lh-caption: 1.43; /* @kind other */

  /* Letter spacing */
  --ls-display: -1px;
  --ls-heading: -0.5px;
  --ls-normal: normal; /* @kind other */
  --ls-micro: 0.04em;
}