/* Optimized Montserrat with System Font Fallbacks */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'),
       local('Inter Light'), local('Inter-Light'),
       local('Roboto Light'), local('Roboto-Light'),
       local('System Light'), local('System-Light');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       local('Inter Regular'), local('Inter-Regular'),
       local('Roboto Regular'), local('Roboto-Regular'),
       local('System Regular'), local('System-Regular');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'),
       local('Inter Medium'), local('Inter-Medium'),
       local('Roboto Medium'), local('Roboto-Medium'),
       local('System Medium'), local('System-Medium');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       local('Inter SemiBold'), local('Inter-SemiBold'),
       local('Roboto Medium'), local('Roboto-Medium'),
       local('System SemiBold'), local('System-SemiBold');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       local('Inter Bold'), local('Inter-Bold'),
       local('Roboto Bold'), local('Roboto-Bold'),
       local('System Bold'), local('System-Bold');
}

/* Fallback font family definition */
.montserrat-fallback {
  font-family: 'Montserrat', 
               -apple-system, 
               BlinkMacSystemFont, 
               'Segoe UI', 
               'Inter', 
               'Roboto', 
               'Helvetica Neue', 
               'Arial', 
               sans-serif;
}

/* Apply to common elements */
body, h1, h2, h3, h4, h5, h6, p, div, span {
  font-family: 'Montserrat', 
               -apple-system, 
               BlinkMacSystemFont, 
               'Segoe UI', 
               'Inter', 
               'Roboto', 
               'Helvetica Neue', 
               'Arial', 
               sans-serif;
}