/* One font for the whole site: Calibri.
   Computers that have Calibri (Windows, and Macs with Office) use their own copy.
   Everyone else gets Carlito, a free font with the same letter shapes and widths, shipped in /css/fonts/.
   To change the font site-wide later, change --ssz-font below and the names in the rules at the bottom. */
@font-face { font-family: "Calibri"; font-style: normal; font-weight: 400; font-display: swap;
  src: local("Calibri"), local("Carlito"), url("/css/fonts/carlito-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Calibri"; font-style: italic; font-weight: 400; font-display: swap;
  src: local("Calibri Italic"), local("Calibri-Italic"), local("Carlito Italic"), url("/css/fonts/carlito-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Calibri"; font-style: normal; font-weight: 700; font-display: swap;
  src: local("Calibri Bold"), local("Calibri-Bold"), local("Carlito Bold"), url("/css/fonts/carlito-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Calibri"; font-style: italic; font-weight: 700; font-display: swap;
  src: local("Calibri Bold Italic"), local("Calibri-BoldItalic"), local("Carlito Bold Italic"), url("/css/fonts/carlito-latin-700-italic.woff2") format("woff2"); }

:root { --ssz-font: "Calibri", "Carlito", sans-serif; }
html, body, button, input, select, textarea, option, table, pre, code, kbd, samp { font-family: var(--ssz-font); }