/* ============================================================
   WNN Properties — Typography Tokens
   Headings: Source Sans 3 (400). Body: Open Sans (400).
   Desktop scale by default; mobile sizes exposed as -m variants.
   ============================================================ */
:root {
  /* Families */
  --font-heading: 'Source Sans 3', system-ui, sans-serif;
  --font-body:    'Open Sans', system-ui, sans-serif;
  --font-mono:    ui-monospace, 'SFMono-Regular', Menlo, monospace;

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

  /* ---------- Desktop type scale ---------- */
  --h1: 84px;
  --h2: 60px;
  --h3: 48px;
  --h4: 40px;
  --h5: 32px;
  --h6: 26px;
  --text-large:   26px;
  --text-medium:  20px;
  --text-regular: 18px;
  --text-small:   16px;
  --text-tiny:    12px;

  /* ---------- Mobile type scale ---------- */
  --h1-m: 48px;
  --h2-m: 44px;
  --h3-m: 32px;
  --h4-m: 24px;
  --h5-m: 20px;
  --h6-m: 18px;
  --text-large-m:   18px;
  --text-medium-m:  16px;
  --text-regular-m: 14px;
  --text-small-m:   12px;
  --text-tiny-m:    10px;

  /* Line heights */
  --lh-tight:   1.1; /* @kind other */
  --lh-heading: 1.2; /* @kind other */
  --lh-snug:    1.4; /* @kind other */
  --lh-body:    1.6; /* @kind other */

  /* Letter spacing */
  --ls-tight:  -0.02em; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-wide:   0.04em; /* @kind other */
  --ls-caps:   0.08em; /* @kind other */
}