@font-face {
  font-family: "Kairos";
  src: url('/fonts/KairosSans_Variable.ttf');
}
.text-container {
  font-family: "Kairos";
  font-variation-settings: 'wght' 575, 'ital' 0.5; 
}

//fonts
$font: Kairos;

@font-face {
  font-family: $font;
  src: url(/fonts/KairosSans_Variable.ttf);
}
.text-container {
  font-family: $font;
  font-variation-settings: 'wght' 575, 'ital' 0.5;
}

//fonts
$font: Kairos

@font-face
  font-family: $font
  src: url(/fonts/KairosSans_Variable.ttf)

.text-container 
  font-family: $font
  font-variation-settings: 'wght' 575, 'ital' 0.5

@font: "Kairos";

@font-face {
  font-family: @font;
  src: url('/fonts/KairosSans_Variable.ttf');
}
.text-container {
  font-family: @font;
  font-variation-settings: 'wght' 575, 'ital' 0.5;
}