@font-face {
  font-family:"Onest";
  src:url("Onest-Variable.ttf") format("truetype");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}

/* A named important layer wins over old theme/Elementor !important families.
   Keep sizes, weights, spacing and icon glyph families intact. */
@layer kof-onest {
  :root, body {
    --kof-display:"Onest",Arial,sans-serif;
    --kof-text:"Onest",Arial,sans-serif;
    --kof-mono:"Onest",Arial,sans-serif;
    --e-global-typography-primary-font-family:"Onest";
    --e-global-typography-secondary-font-family:"Onest";
    --e-global-typography-text-font-family:"Onest";
    --e-global-typography-accent-font-family:"Onest";
  }
  html body,
  html body *:not(:where(
    .fa,.fas,.far,.fal,.fab,.fad,.fat,.fass,.fasr,.fasl,.fast,
    [class^="fa-"],[class*=" fa-"],
    .icon,[class^="icon-"],[class*=" icon-"],
    .dashicons,[class^="dashicons-"],[class*=" dashicons-"],
    [class^="eicon"],[class*=" eicon"],
    [class^="ld-icon"],[class*=" ld-icon"],
    [class^="ion-"],[class*=" ion-"],
    .material-icons,.material-symbols-outlined,.material-symbols-rounded,.material-symbols-sharp,
    [data-icon],.ab-icon
  )) {
    font-family:"Onest",Arial,sans-serif!important;
  }
}