/* Self-hosted fonts downloaded into wwwroot/fonts. */

@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/fonts/Bricolage_Grotesque/BricolageGrotesque-Variable.woff2') format('woff2-variations'), url('/fonts/Bricolage_Grotesque/BricolageGrotesque-Variable.woff2') format('woff2'), url('/fonts/Bricolage_Grotesque/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf') format('truetype-variations');
}

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('/fonts/Figtree/Figtree-Variable.woff2') format('woff2-variations'), url('/fonts/Figtree/Figtree-Variable.woff2') format('woff2'), url('/fonts/Figtree/Figtree-VariableFont_wght.ttf') format('truetype-variations');
}

@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url('/fonts/Figtree/Figtree-Italic-Variable.woff2') format('woff2-variations'), url('/fonts/Figtree/Figtree-Italic-Variable.woff2') format('woff2'), url('/fonts/Figtree/Figtree-Italic-VariableFont_wght.ttf') format('truetype-variations');
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/Roboto_Slab/RobotoSlab-Variable.woff2') format('woff2-variations'), url('/fonts/Roboto_Slab/RobotoSlab-Variable.woff2') format('woff2'), url('/fonts/Roboto_Slab/RobotoSlab-VariableFont_wght.ttf') format('truetype-variations');
}

:root {
  --font-sans: 'Figtree', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  --font-display: 'Bricolage Grotesque', "Roboto Slab", Georgia, "Times New Roman", Times, serif;
}

body { font-family: var(--font-sans); }