/* Typefaces — the only file to change when the fonts change.
 *
 * The design uses Erbaum (headings, via Adobe Fonts) and Golos Text (body, via Google Fonts).
 * Until the Adobe Fonts kit is set up, Saira stands in for Erbaum. To switch:
 *   1. Replace the Saira part of the Google Fonts import below with the kit, e.g.
 *        @import url("https://use.typekit.net/XXXXXXX.css");
 *   2. Put the kit's family name first in --font-display (Adobe lists it on the kit page, usually "erbaum").
 */

@import url("https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;700&family=Saira:wght@400;500;700&display=swap");

:root {
  --font-display: "Erbaum", "erbaum", "Saira", system-ui, sans-serif;
  --font-body: "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;
}