/* ============================================================
   WhatsApp Colors — Typography tokens
   WhatsApp ships NO webfont — it uses the platform UI stack
   (Segoe UI on Windows, system-ui/-apple-system elsewhere).
   No @font-face is required or shipped.
   ============================================================ */

:root {
  /* Families */
  --wa-font-sans: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, "Helvetica Neue", sans-serif;
  --wa-font-mono: ui-monospace, Menlo, Consolas, monospace;

  /* Sizes — the UI is dense; 14px is the workhorse body size */
  --wa-fs-11: 11px;    /* micro labels, kbd, badges */
  --wa-fs-12: 12px;    /* meta, captions */
  --wa-fs-13: 13px;    /* secondary UI text */
  --wa-fs-14: 14px;    /* body / default control text */
  --wa-fs-15: 15px;    /* list titles */
  --wa-fs-16: 16px;    /* emphasised body */
  --wa-fs-18: 18px;    /* modal / section titles */
  --wa-fs-20: 20px;    /* brand wordmark, screen titles */
  --wa-fs-24: 24px;    /* stat numbers small */
  --wa-fs-32: 32px;    /* stat numbers large */

  /* Weights — WhatsApp leans on 400/500/600/700 */
  --wa-fw-normal: 400; /* @kind font */
  --wa-fw-medium: 500; /* @kind font */
  --wa-fw-semibold: 600; /* @kind font */
  --wa-fw-bold: 700; /* @kind font */
  --wa-fw-heavy: 800; /* @kind font */

  /* Line heights */
  --wa-lh-tight: 1.15; /* @kind font */
  --wa-lh-snug: 1.35; /* @kind font */
  --wa-lh-normal: 1.5; /* @kind font */

  /* Letter spacing */
  --wa-ls-tight: -.4px;   /* wordmark / large titles */
  --wa-ls-label: .03em;   /* uppercase group labels */
}