@font-face {
  font-family: 'Montserrat-Regular';
  src: url('./assets/fonts/Montserrat/Montserrat-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url('./assets/fonts/Montserrat/Montserrat-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-light: 'Montserrat-SemiBold'; /*used 2 place only*/
  --font-regular: 'Montserrat-Regular';
  --font-semibold: 'Montserrat-SemiBold';
  --font-bold: 'Montserrat-SemiBold';
  /* --font-bolder: 'Montserrat-SemiBold'; */
  /* --secondary-font-light: 'Montserrat-Regular'; */
  --secondary-font-regular: 'Montserrat-Regular';
  --secondary-font-semibold: 'Montserrat-Medium';
  --secondary-font-bold: 'Montserrat-SemiBold';
  --welcome-text-font: 'Montserrat-SemiBold';
  --tertiary-font: 'Montserrat-SemiBold';
}