/* ==========================================================================
   EPA — Typography tokens
   Display : Archivo        — confident, industrial grotesk for headlines
   UI/Body : IBM Plex Sans  — engineering-grade, technical legibility
   Mono    : IBM Plex Mono  — part numbers, specs, dimensions, SKUs
   NOTE: font files were not provided — these are Google Fonts substitutions.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  --font-display: 'Archivo', 'Arial Narrow', system-ui, sans-serif; /* @kind font */
  --font-body:    'IBM Plex Sans', system-ui, -apple-system, sans-serif; /* @kind font */
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace; /* @kind font */

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

  /* ---- Display (Archivo) ---- */
  --display-xxl-size: 84px;  /* @kind font */
  --display-xxl-lh:   1.02;  /* @kind font */
  --display-xxl-ls:   -2px;  /* @kind font */
  --display-xxl-wt:   800;   /* @kind font */
  --display-xl-size:  60px;  /* @kind font */
  --display-xl-lh:    1.04;  /* @kind font */
  --display-xl-ls:    -1.4px;/* @kind font */
  --display-xl-wt:    800;   /* @kind font */
  --display-lg-size:  44px;  /* @kind font */
  --display-lg-lh:    1.08;  /* @kind font */
  --display-lg-ls:    -1px;  /* @kind font */
  --display-lg-wt:    700;   /* @kind font */
  --display-md-size:  34px;  /* @kind font */
  --display-md-lh:    1.14;  /* @kind font */
  --display-md-ls:    -0.6px;/* @kind font */
  --display-md-wt:    700;   /* @kind font */

  /* ---- Headings (Archivo) ---- */
  --heading-lg-size: 26px;  /* @kind font */
  --heading-lg-lh:   1.2;   /* @kind font */
  --heading-lg-ls:   -0.3px;/* @kind font */
  --heading-lg-wt:   700;   /* @kind font */
  --heading-md-size: 20px;  /* @kind font */
  --heading-md-lh:   1.3;   /* @kind font */
  --heading-md-ls:   -0.1px;/* @kind font */
  --heading-md-wt:   600;   /* @kind font */
  --heading-sm-size: 17px;  /* @kind font */
  --heading-sm-lh:   1.35;  /* @kind font */
  --heading-sm-ls:   0;     /* @kind font */
  --heading-sm-wt:   600;   /* @kind font */

  /* ---- Body (IBM Plex Sans) ---- */
  --body-lg-size: 18px;  /* @kind font */
  --body-lg-lh:   1.6;   /* @kind font */
  --body-lg-ls:   0;     /* @kind font */
  --body-md-size: 16px;  /* @kind font */
  --body-md-lh:   1.55;  /* @kind font */
  --body-md-ls:   0;     /* @kind font */
  --body-sm-size: 14px;  /* @kind font */
  --body-sm-lh:   1.5;   /* @kind font */
  --body-sm-ls:   0;     /* @kind font */

  /* ---- Labels / eyebrow (IBM Plex Sans, tracked) ---- */
  --label-md-size: 13px;  /* @kind font */
  --label-md-lh:   1.2;   /* @kind font */
  --label-md-ls:   0.08em;/* @kind font */
  --label-md-wt:   600;   /* @kind font */
  --label-sm-size: 11px;  /* @kind font */
  --label-sm-lh:   1.2;   /* @kind font */
  --label-sm-ls:   0.12em;/* @kind font */
  --label-sm-wt:   600;   /* @kind font */

  /* ---- Mono (part numbers / specs) ---- */
  --mono-md-size: 14px;  /* @kind font */
  --mono-md-lh:   1.45;  /* @kind font */
  --mono-md-ls:   0;     /* @kind font */
  --mono-sm-size: 12px;  /* @kind font */
  --mono-sm-lh:   1.4;   /* @kind font */
  --mono-sm-ls:   0.02em;/* @kind font */

  --caption-size: 12px;  /* @kind font */
  --caption-lh:   1.4;   /* @kind font */
}