/* Self-hosted fonts — no third-party requests (Blacklight-clean).
   Montserrat: variable font, one file covers weights 100-900.
   Files live in the "fonts" folder next to this stylesheet. */

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

/* Raleway + Dancing Script: add the files and these activate automatically. */
@font-face{
  font-family:'Raleway';
  src:url('fonts/Raleway-VariableFont_wght.ttf') format('truetype-variations'),
      url('fonts/Raleway-VariableFont_wght.ttf') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Dancing Script';
  src:url('fonts/DancingScript-VariableFont_wght.ttf') format('truetype-variations'),
      url('fonts/DancingScript-VariableFont_wght.ttf') format('truetype');
  font-weight:400 700;
  font-style:normal;
  font-display:swap;
}

/* Optical sizing + smoothing, applied site-wide to the families in use. */
body, .montserrat {
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Utility class matching the Google Fonts snippet, if you want it in markup. */
.montserrat {
  font-family:'Montserrat', sans-serif;
  font-optical-sizing:auto;
  font-style:normal;
}