/* Saasto — Typography tokens */
:root {
  /* Families — one geometric family used throughout (Poppins match) */
  --font-display: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;

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

  /* Type scale (px) — hero headings run very large & bold */
  --fs-display:  64px;  /* hero H1 */
  --fs-h1:       48px;
  --fs-h2:       38px;
  --fs-h3:       28px;
  --fs-h4:       22px;
  --fs-h5:       18px;
  --fs-lead:     20px;  /* hero subcopy */
  --fs-body:     16px;
  --fs-sm:       14px;
  --fs-xs:       12px;
  --fs-stat:     56px;  /* big statistic numbers */

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

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