/* ============================================================
   RESILIX — Typography tokens
   Display: Coolvetica (wide retro sans) for headlines & the wordmark.
   Body/UI: Montserrat (geometric sans) for everything readable.
   ============================================================ */

:root {
  /* Families */
  --font-display:    "Coolvetica", "Montserrat", system-ui, sans-serif;
  --font-condensed:  "Coolvetica Condensed", "Coolvetica", sans-serif;
  --font-body:       "Montserrat", system-ui, -apple-system, sans-serif;

  /* Weights (Montserrat) */
  --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 */

  /* Fluid-ish type scale (px) */
  --fs-display-xl: 72px;
  --fs-display-l:  56px;
  --fs-display-m:  40px;
  --fs-h1:         32px;
  --fs-h2:         26px;
  --fs-h3:         21px;
  --fs-body-lg:    18px;
  --fs-body:       16px;
  --fs-body-sm:    14px;
  --fs-caption:    13px;
  --fs-micro:      11px;

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

  /* Letter spacing */
  --ls-display: -0.01em; /* @kind font */
  --ls-tight:   -0.005em; /* @kind font */
  --ls-normal:  0; /* @kind font */
  --ls-wide:    0.04em; /* @kind font */
  --ls-caps:    0.08em; /* @kind font */
}