/* PHASE-2507 — Self-hosted Cairo for public theme */

@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cairo-400.woff2") format("woff2");
}

@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/cairo-600.woff2") format("woff2");
}

@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/cairo-700.woff2") format("woff2");
}

@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/cairo-800.woff2") format("woff2");
}

body.theme-body.theme-body--ref,
body.theme-body.theme-body--ref[dir="rtl"],
body.theme-body.theme-body--ref[dir="ltr"],
body.theme-body.theme-body--ref .ref-site,
body.theme-body--ref .ref-navbar,
body.theme-body--ref .ref-hero,
body.theme-body--ref .ref-hero h1,
body.theme-body--ref .ref-hero h2,
body.theme-body--ref .ref-hero h3,
body.theme-body--ref .ref-hero h4,
body.theme-body--ref .ref-section h3,
body.theme-body--ref .ref-section h4,
body.theme-body--ref .ref-btn,
body.theme-body--ref .ref-nav-links a,
body.theme-body--ref .ref-form-panel input,
body.theme-body--ref .ref-form-panel textarea,
body.theme-body--ref .ref-form-button,
body.theme-body--ref .ref-footer {
  font-family: "Cairo", Tahoma, Arial, sans-serif;
}