/*
 * Montserrat Font - Self-Hosted
 * Source: https://fonts.google.com/specimen/Montserrat
 * 
 * To use this, you need to download the Montserrat font files (TTF format)
 * for the following weights: 300, 400, 500, 600, 700
 * and place them in the ./assets/fonts/ directory with the following filenames:
 * - Montserrat-Light.ttf (weight 300)
 * - Montserrat-Regular.ttf (weight 400)
 * - Montserrat-Medium.ttf (weight 500)
 * - Montserrat-SemiBold.ttf (weight 600)
 * - Montserrat-Bold.ttf (weight 700)
 * 
 * You can download these files from:
 * https://fonts.google.com/specimen/Montserrat
 * Click "Select this style" for each weight, then "Download all"
 */

/* Montserrat - Light (300) */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/Montserrat-Light.ttf') format('truetype');
}

/* Montserrat - Regular (400) - Primary Font */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
}

/* Montserrat - Medium (500) */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
}

/* Montserrat - SemiBold (600) - Secondary Font */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
}

/* Montserrat - Bold (700) */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
}

/* 
 * Montserrat SemiBold as a separate font-family for backward compatibility
 * This allows using font-family: 'Montserrat SemiBold', sans-serif;
 */
@font-face {
  font-family: 'Montserrat SemiBold';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
}