/* ══════════════════════════════════════════════════════════ CATTORY — Fonts · SINGLE SOURCE OF TRUTH for @font-face. Injected into every page's by build.mjs, so no page redeclares fonts inline. Declaring all weights here is free: a browser only downloads a woff2 when some text actually uses that family+weight (font-display:swap). Paths are relative to this file (css/ → ../fonts/), same convention as shared.css. ══════════════════════════════════════════════════════════ */ /* Google Sans Flex · body + UI (36pt optical) */ @font-face{font-family:'Google Sans Flex';src:url('../fonts/GoogleSansFlex_36pt-Light.woff2') format('woff2');font-weight:300;font-display:swap;} @font-face{font-family:'Google Sans Flex';src:url('../fonts/GoogleSansFlex_36pt-Regular.woff2') format('woff2');font-weight:400;font-display:swap;} @font-face{font-family:'Google Sans Flex';src:url('../fonts/GoogleSansFlex_36pt-Medium.woff2') format('woff2');font-weight:500;font-display:swap;} @font-face{font-family:'Google Sans Flex';src:url('../fonts/GoogleSansFlex_36pt-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap;} @font-face{font-family:'Google Sans Flex';src:url('../fonts/GoogleSansFlex_36pt-Bold.woff2') format('woff2');font-weight:700;font-display:swap;} /* Google Sans Flex Display · large headlines (120pt optical) */ @font-face{font-family:'Google Sans Flex Display';src:url('../fonts/GoogleSansFlex_120pt-Bold.woff2') format('woff2');font-weight:700;font-display:swap;} @font-face{font-family:'Google Sans Flex Display';src:url('../fonts/GoogleSansFlex_120pt-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap;} /* Space Grotesk · display / headline / figure font */ @font-face{font-family:'Space Grotesk';src:url('../fonts/SpaceGrotesk-Regular.woff2') format('woff2');font-weight:400;font-display:swap;} @font-face{font-family:'Space Grotesk';src:url('../fonts/SpaceGrotesk-Medium.woff2') format('woff2');font-weight:500;font-display:swap;} @font-face{font-family:'Space Grotesk';src:url('../fonts/SpaceGrotesk-Bold.woff2') format('woff2');font-weight:700;font-display:swap;}