/*
 * depo0 — font variables (edited in ?edit → Theme). The display faces come from Google Fonts
 * (the same families the source demos load); the site faces (Lato, Lazurski, Poppins …) are
 * self-hosted in /depo0/fonts/ and declared in globals.css / site.css.
 * Block CSS only reads these variables; a template keeps its own copy of this file.
 */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,700;12..96,800&family=Instrument+Serif:ital@0;1&family=Red+Hat+Display:wght@500;700;800;900&family=Red+Hat+Text:wght@400;500;700&family=Schibsted+Grotesk:wght@400;500;700;900&display=swap");

:root {
    /* depo0 */
    --d0-font-text: "Lato", system-ui, sans-serif;
    --d0-font-display: "Schibsted Grotesk", "Lato", system-ui, sans-serif;
    --d0-font-serif: "Lazurski", Georgia, serif;

    /* demo12 */
    --h15-font: "Archivo", "Lato", system-ui, sans-serif;
    /* demo14 */
    --k-serif: "Instrument Serif", Georgia, serif;
    --k-sans: "Lato", system-ui, sans-serif;
    /* demo15 */
    --s-font: "Bricolage Grotesque", "Lato", system-ui, sans-serif;
    /* demo17 */
    --h20-display: "Red Hat Display", "Lato", system-ui, sans-serif;
    --h20-text: "Red Hat Text", "Lato", system-ui, sans-serif;
    /* demo5 */
    --g3-font: "Schibsted Grotesk", "Lato", system-ui, sans-serif;
}