:root {
  --font-primary: "CAIXA Std", "Segoe UI", Arial, sans-serif;
  --font-light: "CAIXA Std Light", "Segoe UI", Arial, sans-serif;
  --font-semibold: "CAIXA Std SemiBold", "Segoe UI", Arial, sans-serif;
}

@font-face {
  font-family: "CAIXA Std";
  src: url("../fonts/CAIXAStd-Regular.woff2") format("woff2"),
       url("../fonts/CAIXAStd-Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "CAIXA Std Light";
  src: url("../fonts/CAIXAStd-Light.woff2") format("woff2"),
       url("../fonts/CAIXAStd-Light.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "CAIXA Std SemiBold";
  src: url("../fonts/CAIXAStd-SemiBold.woff2") format("woff2"),
       url("../fonts/CAIXAStd-SemiBold.woff") format("woff");
  font-display: swap;
}