/* ============================================================================
* Cadmos brand canon — typography
*
* Three families (free, OFL, self-hosted as woff2):
* --font-display = Manrope — display chrome (H1, section H2s, wordmark)
* --font-body = Inter — body, lede, UI, h3/h4
* --font-mono = Geist Mono — eyebrows, labels, KPI, code, on-chain IDs
*
* Format
* Each face ships as latin-subset WOFF2 from Fontsource (Google Fonts source,
* OFL). Total payload ~190 KB across all 11 weights — about 80% smaller than
* the previous Circular/Avenir/JBM stack.
*
* Preload guidance (per consuming site)
* Add these in for the fonts rendered above the fold:
*
*
*
*
*
* Legacy faces
* Circular Std, Avenir Next LT Pro, and JetBrains Mono woff2 files remain
* in this directory for archival/rollback only — no @font-face declarations
* reference them. Safe to delete once the Manrope rollout is confirmed.
* ============================================================================ */
/* ───── Display: Manrope ────────────────────────────────────────────────── */
@font-face {
font-family: "Manrope";
src: url("fonts/Manrope-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("fonts/Manrope-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("fonts/Manrope-SemiBold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("fonts/Manrope-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* ───── Body: Inter ──────────────────────────────────────────────── */
@font-face {
font-family: "Inter";
src: url("fonts/Inter-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("fonts/Inter-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("fonts/Inter-SemiBold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("fonts/Inter-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* ───── Mono: Geist Mono ───────────────────────────────────────────────── */
@font-face {
font-family: "Geist Mono";
src: url("fonts/GeistMono-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geist Mono";
src: url("fonts/GeistMono-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geist Mono";
src: url("fonts/GeistMono-SemiBold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
/* ───── Family variables ──────────────────────────────────────────────── */
:root {
--font-display: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}