/* ============================================================
   HardByte — Typography tokens   (TWO families)
   Logo +
   STRUCTURE: Michroma — the lockup, and the site's title voice:
             nav, section headers, hub + product-line headings,
             the gallery claim.  Always weight 400, always with
             positive tracking, NEVER at display scale — the face
             is very wide and a long line becomes unreadable fast.
             Cap it around 24px (30px on screens from 2400×1200,
             where the website's section titles go). Never for
             body text, data or measurements; numerals only as
             counting in a title (01, 02, § 3).      → --font-logo
   CONTENT:  Inter, heavy (800) — card, member and job titles, and
             the big black headings.                 → --font-display
   Text/UI:  Inter — body & interface.              → --font-sans
   Labels:   Inter, uppercase + tracking — specs, part numbers,
             eyebrows. (--font-mono kept as an alias of Inter so
             the brand stays at two real families; the "label" look
             comes from casing + tracking, not a mono face.)
   Code:     the operating system's monospace — code blocks, diffs
             and logs only; no download, no brand face. → --font-code
   Weights:  400–800 here; each surface loads only those it uses.
   ============================================================ */

:root {
  --font-logo:    "Michroma", system-ui, sans-serif;
  --font-display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sans:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-code:    ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  /* Weights — Inter spans the full range; display goes heavy. */
  --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 */  /* big display headings */

  /* Type scale (1.25 major-third-ish, tuned) */
  --text-2xs: 11px;
  --text-xs:  12px;
  --text-sm:  13px;
  --text-base: 15px;
  --text-md:  17px;
  --text-lg:  20px;
  --text-xl:  25px;
  --text-2xl: 32px;
  --text-3xl: 42px;
  --text-4xl: 56px;
  --text-5xl: 76px;

  /* Line heights */
  --leading-tight: 1.06;    /* @kind other */
  --leading-snug:  1.22;    /* @kind other */
  --leading-normal: 1.5;    /* @kind other */
  --leading-relaxed: 1.65;  /* @kind other */
  --leading-prose: 1.72;    /* @kind other */  /* running text in sections, the website's prose rank */

  /* Tracking — heavy Inter display tightens; labels open up. */
  --tracking-tight: -0.022em;       /* @kind other */  /* big display */
  --tracking-normal: 0;             /* @kind other */
  --tracking-wide: 0.04em;          /* @kind other */
  --tracking-caps: 0.1em;           /* @kind other */  /* meta: dates, table heads, counts */
  --tracking-label: 0.12em;         /* @kind other */  /* the house label: eyebrows, field labels */
}