/* Self-hosted fonts (SIL Open Font License) so the page never waits on Google */
@font-face { font-family: 'Anton'; font-weight: 400; font-display: block; src: url(anton-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Barlow'; font-weight: 400; font-display: block; src: url(barlow-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Barlow'; font-weight: 500; font-display: block; src: url(barlow-latin-500-normal.woff2) format('woff2'); }
@font-face { font-family: 'Barlow'; font-weight: 600; font-display: block; src: url(barlow-latin-600-normal.woff2) format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-weight: 600; font-display: block; src: url(barlow-condensed-latin-600-normal.woff2) format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-weight: 700; font-display: block; src: url(barlow-condensed-latin-700-normal.woff2) format('woff2'); }

/* The three type roles every screen uses. A brand can swap them (public/brand.js). */
:root { --f-display: Anton; --f-label: 'Barlow Condensed'; --f-body: Barlow; }