/* Use variable font if present */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/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/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Fallbacks if individual weight files exist in the folder (optional)
   Browsers on Windows are case-insensitive, but we point to the correct
   directory name `fonts/Montserrat` to match your layout. */
:root { --ui-font: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; }
body, button, input, textarea, select { font-family: var(--ui-font); }