@font-face {
  font-family: "CaviarDreams";
  src: url("CaviarDreams.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CaviarDreams";
  src: url("CaviarDreams_Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "CaviarDreams";
  src: url("CaviarDreams_Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CaviarDreams";
  src: url("CaviarDreams_BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Alias para compatibilidad con estilos previos */
@font-face {
  font-family: "Caviar Dreams";
  src: url("CaviarDreams.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Caviar Dreams";
  src: url("CaviarDreams_Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Caviar Dreams";
  src: url("CaviarDreams_Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Caviar Dreams";
  src: url("CaviarDreams_BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --ui-font-family: "CaviarDreams", "Caviar Dreams", "Segoe UI", Arial, sans-serif;
}

html,
body,
body *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fat):not(.fad):not(.fi):not([class^="fa-"]):not([class*=" fa-"]):not([class^="flaticon"]):not([class*=" flaticon"]):not([class^="ion-"]):not([class*=" ion-"]):not([class^="mdi-"]):not([class*=" mdi-"]) {
  font-family: var(--ui-font-family) !important;
}