/* Regular Cabin Variable Font (with width and weight axes) */
@font-face {
  font-family: 'Cabin';
  src: url('fonts/Cabin-VariableFont_wdth,wght.ttf') format('truetype-variations');
  font-weight: 100 900;  /* Range from thin to black */
  font-width: 75% 100%;  /* Range from condensed to normal */
  font-style: normal;
}

/* Italic Cabin Variable Font (with width and weight axes) */
@font-face {
  font-family: 'Cabin';
  src: url('fonts/Cabin-Italic-VariableFont_wdth,wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-width: 75% 100%;
  font-style: italic;
}

/* Dosis Variable Font (with weight axis) */
@font-face {
  font-family: 'Dosis';
  src: url('fonts/Dosis-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
}

/* Titan One Regular (not a variable font) */
@font-face {
  font-family: 'TitanOne';
  src: url('fonts/TitanOne-Regular.ttf') format('truetype');
}