/* ═══════════════════════════════════════════════════════════════════════
   THE TROVANCE TYPE SYSTEM — canonical stylesheet for the marketing site.

   Aeonik speaks. Diatype explains and works. Diatype Semi-Mono records.
   Redaction interrupts. One file owns every @font-face and the semantic
   roles; pages link this and nothing remote — the Google Fonts request is
   gone, so a released page always renders the same bytes.

   MIGRATION SHIM, READ BEFORE EXTENDING. The pages and the article
   generator declared families by their OLD names ("Geist", "Geist Mono",
   "Fragment Mono"). Rewriting 104 pages' declarations would be the exact
   page-level drift the handoff forbids, so those names are declared HERE
   as compatibility faces pointing at the new binaries: anything that asks
   for Geist gets Diatype, and anything that asks for Fragment Mono or
   Geist Mono gets Diatype Semi-Mono. New work must use the role variables
   below, never the legacy names; the shim exists so old markup migrates
   wholesale, not so new markup can keep writing "Geist".
   ═══════════════════════════════════════════════════════════════════════ */

/* ── The real families ── */
@font-face { font-family: "Aeonik"; src: url(/fonts/aeonik-regular.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Aeonik"; src: url(/fonts/aeonik-medium.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "ABC Diatype"; src: url(/fonts/diatype-regular.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "ABC Diatype"; src: url(/fonts/diatype-italic.woff2) format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "ABC Diatype"; src: url(/fonts/diatype-medium.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "ABC Diatype"; src: url(/fonts/diatype-bold.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "ABC Diatype Semi-Mono"; src: url(/fonts/diatype-semi-mono.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "ABC Diatype Semi-Mono"; src: url(/fonts/diatype-semi-mono-medium.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Redaction 35"; src: url(/fonts/redaction-35-italic.woff2) format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }

/* ── Compatibility faces: legacy names → new binaries (the shim). ── */
@font-face { font-family: "Geist"; src: url(/fonts/diatype-regular.woff2) format("woff2"); font-weight: 300 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist"; src: url(/fonts/diatype-medium.woff2) format("woff2"); font-weight: 401 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist"; src: url(/fonts/diatype-bold.woff2) format("woff2"); font-weight: 601 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist"; src: url(/fonts/diatype-italic.woff2) format("woff2"); font-weight: 300 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url(/fonts/diatype-semi-mono.woff2) format("woff2"); font-weight: 300 450; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url(/fonts/diatype-semi-mono-medium.woff2) format("woff2"); font-weight: 451 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Fragment Mono"; src: url(/fonts/diatype-semi-mono.woff2) format("woff2"); font-weight: 300 450; font-style: normal; font-display: swap; }
@font-face { font-family: "Fragment Mono"; src: url(/fonts/diatype-semi-mono-medium.woff2) format("woff2"); font-weight: 451 800; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url(/fonts/diatype-semi-mono.woff2) format("woff2"); font-weight: 300 450; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url(/fonts/diatype-semi-mono-medium.woff2) format("woff2"); font-weight: 451 800; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url(/fonts/diatype-italic.woff2) format("woff2"); font-weight: 300 800; font-style: italic; font-display: swap; }

/* ── Semantic roles — the names new work writes. ── */
:root {
  --font-display: "Aeonik", ui-sans-serif, -apple-system, sans-serif;
  --font-body: "ABC Diatype", ui-sans-serif, -apple-system, sans-serif;
  --font-machine: "ABC Diatype Semi-Mono", ui-monospace, monospace;
  --font-pixel: "Redaction 35", Georgia, serif;
  --font-code: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}