:root {
  --navy: #0b1c2d;
  --white: #ffffff;
  --red: #c1121f;
  --gray: #f4f6f8;

  --font-regular: "Montserrat-Regular", system-ui, sans-serif;
  --font-medium: "Montserrat-Medium", system-ui, sans-serif;
  --font-semibold: "Montserrat-SemiBold", system-ui, sans-serif;
  --font-bold: "Montserrat-Bold", system-ui, sans-serif;
}

@font-face {
  font-family: "Montserrat-Regular";
  src: url("../assets/fonts/Montserrat-Regular.ttf");
}
@font-face {
  font-family: "Montserrat-Medium";
  src: url("../assets/fonts/Montserrat-Medium.ttf");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("../assets/fonts/Montserrat-SemiBold.ttf");
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url("../assets/fonts/Montserrat-Bold.ttf");
}