@font-face {
  font-family: "Cairo";
  src: url("/fonts/Cairo-VariableFont.ttf") format("truetype");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}

:root {
  --yl-site-font: "Cairo", Tahoma, Arial, sans-serif;
}

html,
body,
body :where(:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class^="fa-"]):not([class*=" fa-"])) {
  font-family: var(--yl-site-font) !important;
}

button,
input,
textarea,
select,
option,
label,
table,
thead,
tbody,
tr,
td,
th,
[contenteditable="true"],
[contenteditable=""] {
  font-family: var(--yl-site-font) !important;
}

.fa,
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
[class^="fa-"],
[class*=" fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}