/* ============================================================================
* Cadmos brand canon — typography
*
* Three families:
* --font-display = Circular Std Book — display chrome (H1, section H2s)
* --font-body = Avenir Next LT Pro — body, lede, UI, h3/h4
* --font-mono = JetBrains Mono — eyebrows, labels, KPI, code
*
* Format
* All eight faces ship as WOFF2 (converted with fonttools 4.61.1, full glyph
* coverage retained). ~66% smaller payload than the original TTF/OTF.
*
* Preload guidance (per consuming site)
* Add these in for the fonts rendered above the fold:
*
*
*
*
* ============================================================================ */
/* ───── Display: Circular Std Book ─────────────────────────────────────── */
@font-face {
font-family: "Circular Std";
src: url("fonts/CircularStd-Book.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
/* ───── Body: Avenir Next LT Pro ───────────────────────────────────────── */
@font-face {
font-family: "Avenir Next LT Pro";
src: url("fonts/AvenirNextLTPro-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Avenir Next LT Pro";
src: url("fonts/AvenirNextLTPro-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Avenir Next LT Pro";
src: url("fonts/AvenirNextLTPro-Demi.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Avenir Next LT Pro";
src: url("fonts/AvenirNextLTPro-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* ───── Mono: JetBrains Mono ───────────────────────────────────────────── */
@font-face {
font-family: "JetBrains Mono";
src: url("fonts/JetBrainsMono-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "JetBrains Mono";
src: url("fonts/JetBrainsMono-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "JetBrains Mono";
src: url("fonts/JetBrainsMono-SemiBold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
/* ───── Family variables ──────────────────────────────────────────────── */
:root {
--font-display: "Circular Std", "Circular Std Book", "Avenir Next LT Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
--font-body: "Avenir Next LT Pro", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}