/* =====================================================
   TYPOGRAPHY
   One family: Inter. The whole system is set in it,
   from 10px uppercase eyebrows to 76px hero display.
   Tight negative tracking on big display; wide positive
   tracking + uppercase on small labels. Tabular numerals
   for every metric.
   ===================================================== */
:root {
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* Weights */
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-black:    800;   /* hero + page display only */

  /* Display / heading scale (fluid where the site is fluid) */
  --fs-hero:     clamp(40px, 6vw, 76px);   /* h1 landing hero      */
  --fs-page:     clamp(36px, 5vw, 56px);   /* sub-page h1          */
  --fs-h2:       clamp(28px, 3.2vw, 40px); /* section titles       */
  --fs-h3:       22px;                      /* card / panel titles  */
  --fs-title:    18px;                      /* card names           */
  --fs-metric:   30px;                      /* KPI values           */

  /* Body */
  --fs-lede:  17px;   /* hero / page lede     */
  --fs-body:  15px;   /* standard body        */
  --fs-sm:    14px;   /* dense body / meta    */
  --fs-xs:    13px;   /* captions             */

  /* Micro-labels (uppercase, wide-tracked) */
  --fs-eyebrow: 11px;
  --fs-tag:     10px;

  /* Tracking */
  --tracking-hero:   -0.025em;  /* big display        */
  --tracking-tight:  -0.015em;  /* headings           */
  --tracking-normal:  0.01em;   /* body               */
  --tracking-label:   0.12em;   /* uppercase captions */
  --tracking-eyebrow: 0.22em;   /* eyebrows           */

  /* Line height */
  --lh-display: 1.05;
  --lh-heading: 1.1;
  --lh-body:    1.55;
  --lh-tight:   1.0;
}