/* ============================================================
   TYPOGRAPHY — Inventory System
   Single family carries the whole system. Weight 800 UPPERCASE
   at hero scale is the signature; weight 300 is the calm voice.
   Proprietary "Vodafone" display sans is substituted with Inter.
   ============================================================ */
:root {
  /* Family — single face throughout. Substitute: Inter (see readme). */
  --font-display: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;

  /* Weights */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-bold: 700;
  --weight-heavy: 800;

  /* --- Display (hero) — weight 800, uppercase, tight tracking --- */
  --type-display-hero-size: 144px;   --type-display-hero-lh: 114px;  --type-display-hero-ls: -1px;   --type-display-hero-weight: 800;
  --type-display-xxl-size: 126px;    --type-display-xxl-lh: 113px;   --type-display-xxl-ls: -1px;    --type-display-xxl-weight: 800;
  --type-display-xl-size: 90px;      --type-display-xl-lh: 84px;     --type-display-xl-ls: 0;        --type-display-xl-weight: 800;

  /* --- Sub-display — weight 300, the calmer voice --- */
  --type-display-lg-size: 48px;      --type-display-lg-lh: 52px;     --type-display-lg-ls: 0;        --type-display-lg-weight: 300;
  --type-display-md-size: 40px;      --type-display-md-lh: 44px;     --type-display-md-ls: 0;        --type-display-md-weight: 300;

  /* --- Card / micro display — weight 700 --- */
  --type-display-sm-size: 32px;      --type-display-sm-lh: 40px;     --type-display-sm-ls: 0;        --type-display-sm-weight: 700;
  --type-display-xs-size: 24px;      --type-display-xs-lh: 24px;     --type-display-xs-ls: 0;        --type-display-xs-weight: 700;

  /* --- Eyebrow --- */
  --type-eyebrow-size: 16px;         --type-eyebrow-lh: 24px;        --type-eyebrow-ls: 0;           --type-eyebrow-weight: 800;

  /* --- Body --- */
  --type-body-lg-size: 22px;         --type-body-lg-lh: 24px;        --type-body-lg-weight: 400;
  --type-body-md-size: 18px;         --type-body-md-lh: 28px;        --type-body-md-weight: 400;
  --type-body-md-strong-size: 18px;  --type-body-md-strong-lh: 28px; --type-body-md-strong-weight: 600;
  --type-body-sm-size: 16px;         --type-body-sm-lh: 20px;        --type-body-sm-weight: 400;
  --type-body-sm-strong-size: 16px;  --type-body-sm-strong-lh: 22px; --type-body-sm-strong-weight: 700;

  /* --- Caption --- */
  --type-caption-size: 14px;         --type-caption-lh: 16px;        --type-caption-weight: 400;
  --type-caption-strong-size: 14px;  --type-caption-strong-lh: 21px; --type-caption-strong-weight: 700;
  --type-caption-upper-size: 12px;   --type-caption-upper-lh: 16px;  --type-caption-upper-ls: 0.57px; --type-caption-upper-weight: 600;

  /* --- Button --- */
  --type-button-size: 18px;          --type-button-lh: 28px;         --type-button-weight: 400;
}