/* ============================================================================
   GridMail self-hosted fonts. Load this BEFORE styles/tokens.css on every page.
   Both are variable woff2 (Fontshare, OFL), Latin-subset, font-display: swap.
   Clash Display  -> --font-display (headings / hero)
   Switzer        -> --font-sans    (body + app UI; weights 460/540/620 via axis)
   ============================================================================ */

@font-face {
  font-family: 'Clash Display';
  src: url('/assets/fonts/ClashDisplay-Variable.woff2') format('woff2');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/assets/fonts/Switzer-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}