/* ============================================================
   TYPOGRAPHY — Slybulwark Technologies
   Display: Archivo (700/800) — sturdy industrial grotesque for
   headlines & section titles. Body/UI: IBM Plex Sans. Spec labels
   in IBM Plex Mono. Headings are Title/sentence case; ALL-CAPS is
   reserved for the small letter-spaced eyebrow only (per review).
   ============================================================ */
:root {
  /* --- Families --- */
  --font-display: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'IBM Plex Sans', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* --- Weights --- */
  --fw-light: 300;      /* @kind other */
  --fw-regular: 400;    /* @kind other */
  --fw-medium: 500;     /* @kind other */
  --fw-semibold: 600;   /* @kind other */
  --fw-bold: 700;       /* @kind other */
  --fw-extrabold: 800;  /* @kind other */

  /* --- Type scale (px) --- */
  --fs-display: 56px;   /* hero */
  --fs-h1: 44px;
  --fs-h2: 34px;        /* section titles (~ source h3 strong) */
  --fs-h3: 26px;
  --fs-h4: 20px;
  --fs-h5: 17px;
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-sm: 14px;        /* nav links were 14px */
  --fs-xs: 12px;
  --fs-eyebrow: 13px;

  /* --- Line heights --- */
  --lh-tight: 1.12;     /* @kind other */
  --lh-heading: 1.2;    /* @kind other */
  --lh-snug: 1.4;       /* @kind other */
  --lh-body: 1.68;      /* @kind other */

  /* --- Letter spacing --- */
  --ls-eyebrow: 0.16em; /* @kind other */
  --ls-caps: 0.06em;    /* @kind other */
  --ls-display: -0.02em;/* @kind other */
  --ls-tight: -0.01em;  /* @kind other */
  --ls-normal: 0;       /* @kind other */

  /* --- Semantic --- */
  --text-display-family: var(--font-display);
  --text-heading-family: var(--font-display);
  --text-body-family: var(--font-body);
}