/* ==========================================================================
   CauseLogic — Typography tokens
   ========================================================================== */

:root {
  /* ---- Families -------------------------------------------------------- */
  --font-display: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

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

  /* ---- Type scale (px) — UI-dense, matches Stratum live values --------- */
  --fs-display:  44px;   /* hero / marketing display          */
  --fs-h1:       32px;   /* page title (large)                */
  --fs-h2:       22px;   /* section / screen title            */
  --fs-h3:       18px;   /* card / subsection title           */
  --fs-h4:       15px;   /* dense card heading                */
  --fs-body:     14px;   /* default body / control text       */
  --fs-sm:       13px;   /* secondary text                    */
  --fs-xs:       12px;   /* labels, captions                  */
  --fs-2xs:      11px;   /* eyebrow, metadata, badge          */
  --fs-stat:     36px;   /* KPI / metric numerals             */

  /* ---- Line heights ---------------------------------------------------- */
  --lh-tight:   1.1;  /* @kind other */
  --lh-snug:    1.25; /* @kind other */
  --lh-normal:  1.5;  /* @kind other */
  --lh-relaxed: 1.65; /* @kind other */

  /* ---- Letter spacing -------------------------------------------------- */
  --ls-display: -0.02em; /* @kind other */
  --ls-tight:   -0.01em; /* @kind other */
  --ls-normal:  0;        /* @kind other */
  --ls-eyebrow:  0.06em;  /* @kind other */
  --ls-caps:     0.5px;   /* @kind other */
}