/* Self-hosted curated webfonts (SIL OFL 1.1 — license per family in
   ui/static/fonts/OFL-*.txt). Loaded on BOTH the public microsite and the admin
   portal (so the theme font-picker can preview each name in its own typeface).
   The browser only downloads a family when something actually renders in it.
   font-display:swap → text is visible immediately. */

@font-face { font-family: "Inter"; font-weight: 400; font-style: normal; font-display: swap; src: url("/static/fonts/inter-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 500; font-style: normal; font-display: swap; src: url("/static/fonts/inter-500.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-style: normal; font-display: swap; src: url("/static/fonts/inter-600.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 700; font-style: normal; font-display: swap; src: url("/static/fonts/inter-700.woff2") format("woff2"); }
@font-face { font-family: "Fraunces"; font-weight: 400; font-style: normal; font-display: swap; src: url("/static/fonts/fraunces-400.woff2") format("woff2"); }
@font-face { font-family: "Fraunces"; font-weight: 700; font-style: normal; font-display: swap; src: url("/static/fonts/fraunces-700.woff2") format("woff2"); }
@font-face { font-family: "Cormorant"; font-weight: 400; font-style: normal; font-display: swap; src: url("/static/fonts/cormorant-400.woff2") format("woff2"); }
@font-face { font-family: "Cormorant"; font-weight: 600; font-style: normal; font-display: swap; src: url("/static/fonts/cormorant-600.woff2") format("woff2"); }
@font-face { font-family: "Space Grotesk"; font-weight: 400; font-style: normal; font-display: swap; src: url("/static/fonts/spacegrotesk-400.woff2") format("woff2"); }
@font-face { font-family: "Space Grotesk"; font-weight: 600; font-style: normal; font-display: swap; src: url("/static/fonts/spacegrotesk-600.woff2") format("woff2"); }
@font-face { font-family: "Cantarell"; font-weight: 400; font-style: normal; font-display: swap; src: url("/static/fonts/cantarell-400.woff2") format("woff2"); }
@font-face { font-family: "Cantarell"; font-weight: 700; font-style: normal; font-display: swap; src: url("/static/fonts/cantarell-700.woff2") format("woff2"); }
@font-face { font-family: "Quicksand"; font-weight: 400; font-style: normal; font-display: swap; src: url("/static/fonts/quicksand-400.woff2") format("woff2"); }
@font-face { font-family: "Quicksand"; font-weight: 700; font-style: normal; font-display: swap; src: url("/static/fonts/quicksand-700.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-weight: 400; font-style: normal; font-display: swap; src: url("/static/fonts/roboto-400.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-weight: 700; font-style: normal; font-display: swap; src: url("/static/fonts/roboto-700.woff2") format("woff2"); }
@font-face { font-family: "Nunito"; font-weight: 400; font-style: normal; font-display: swap; src: url("/static/fonts/nunito-400.woff2") format("woff2"); }
@font-face { font-family: "Nunito"; font-weight: 700; font-style: normal; font-display: swap; src: url("/static/fonts/nunito-700.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-weight: 400; font-style: normal; font-display: swap; src: url("/static/fonts/manrope-400.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-weight: 700; font-style: normal; font-display: swap; src: url("/static/fonts/manrope-700.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 400; font-style: normal; font-display: swap; src: url("/static/fonts/montserrat-400.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 700; font-style: normal; font-display: swap; src: url("/static/fonts/montserrat-700.woff2") format("woff2"); }
@font-face { font-family: "Elms Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("/static/fonts/elmssans-400.woff2") format("woff2"); }
@font-face { font-family: "Elms Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("/static/fonts/elmssans-700.woff2") format("woff2"); }

/* Per-font preview classes for the admin theme font-picker (each <option>
   renders its own name in its own typeface). */
.ff-system { font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.ff-humanist { font-family: "Segoe UI", Candara, "Trebuchet MS", Verdana, sans-serif; }
.ff-geometric { font-family: "Century Gothic", "Avant Garde", "URW Gothic", sans-serif; }
.ff-serif { font-family: Georgia, Cambria, "Times New Roman", Times, serif; }
.ff-slab { font-family: Rockwell, "Roboto Slab", "DejaVu Serif", serif; }
.ff-mono { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; }
.ff-inter { font-family: "Inter", system-ui, sans-serif; }
.ff-fraunces { font-family: "Fraunces", Georgia, serif; }
.ff-cormorant { font-family: "Cormorant", Georgia, serif; }
.ff-spacegrotesk { font-family: "Space Grotesk", system-ui, sans-serif; }
.ff-cantarell { font-family: "Cantarell", system-ui, sans-serif; }
.ff-quicksand { font-family: "Quicksand", system-ui, sans-serif; }
.ff-roboto { font-family: "Roboto", system-ui, sans-serif; }
.ff-nunito { font-family: "Nunito", system-ui, sans-serif; }
.ff-manrope { font-family: "Manrope", system-ui, sans-serif; }
.ff-montserrat { font-family: "Montserrat", system-ui, sans-serif; }
.ff-elmssans { font-family: "Elms Sans", system-ui, sans-serif; }