/* ============================================================================ BRAND FONTS · The SOS Agency — SINGLE SOURCE OF TRUTH (@font-face) ---------------------------------------------------------------------------- Self-hosted faces (no third-party CDN), files live in /public/fonts/. This file lives in /public (stable URL) so BOTH consumers share it: · the Astro site — linked in src/layouts/Layout.astro · the Decap admin — @imported by public/admin/chrome.css and preview.css Do NOT redeclare these @font-face rules anywhere else (the admin used to pull Averia/Public Sans from Google Fonts — that duplication is now removed). display = swap, so text paints in the fallback immediately and re-renders when the brand font arrives. Family aliases live in brand-tokens.css. Averia Serif Libre, display / headings (400, 400i, 700, 700i) Public Sans , body (variable, 100-900 + matching italic axis) ============================================================================ */ /* ─── Averia Serif Libre (static weights) ─── */ @font-face { font-family: "Averia Serif Libre"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/AveriaSerifLibre-Regular.woff2") format("woff2"); } @font-face { font-family: "Averia Serif Libre"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/AveriaSerifLibre-Italic.woff2") format("woff2"); } @font-face { font-family: "Averia Serif Libre"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/AveriaSerifLibre-Bold.woff2") format("woff2"); } @font-face { font-family: "Averia Serif Libre"; font-style: italic; font-weight: 700; font-display: swap; src: url("/fonts/AveriaSerifLibre-BoldItalic.woff2") format("woff2"); } /* ─── Public Sans (variable, one file covers 100-900) ─── */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/PublicSans-VariableFont_wght.woff2") format("woff2-variations"), url("/fonts/PublicSans-VariableFont_wght.woff2") format("woff2"); } @font-face { font-family: "Public Sans"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/fonts/PublicSans-Italic-VariableFont_wght.woff2") format("woff2-variations"), url("/fonts/PublicSans-Italic-VariableFont_wght.woff2") format("woff2"); }