/* ============================================================
   TYPOGRAPHY — Manrope
   Weights in use: 500 / 600 / 700 / 800.
   Scale taken directly from the design-system specimen.
   ============================================================ */
:root {
  --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* font sizes */
  --fs-display: 40px;   /* hero / page title */
  --fs-h1:      28px;   /* section heading */
  --fs-h2:      20px;   /* card title */
  --fs-h3:      16px;   /* sub-heading */
  --fs-metric:  24px;   /* numeric / KPI */
  --fs-body:    15px;   /* paragraph text */
  --fs-ui:      14px;   /* inputs, nav items */
  --fs-sm:      13px;   /* secondary text */
  --fs-caption: 12px;   /* meta / labels */
  --fs-tiny:    11px;   /* uppercase section eyebrow */

  /* weights */
  --fw-medium:    500; /* @kind font */
  --fw-semibold:  600; /* @kind font */
  --fw-bold:      700; /* @kind font */
  --fw-extrabold: 800; /* @kind font */

  /* line heights */
  --lh-tight:   1;    /* @kind font */
  --lh-heading: 1.15; /* @kind font */
  --lh-body:    1.55; /* @kind font */

  /* letter spacing */
  --ls-display: -1px;    /* large display */
  --ls-h1:      -0.5px;
  --ls-caps:    1.5px;   /* uppercase eyebrows */
  --ls-caps-sm: 1.2px;
}