/* =============================================================================
   SAYARA TYPOGRAPHY — SINGLE SOURCE OF TRUTH for the WHOLE project
   (front pages, admin panel, vendor/customer dashboards, every login).
   To change the font everywhere, edit ONLY the two variables below.
   Loaded last on every layout so it overrides the old theme (Gilroy) fonts.
   NOTE: icon fonts (FontAwesome / icofont / slick) are deliberately untouched.
   ============================================================================= */
:root,
:root.sy,
body {
  --sy-font:      "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; /* body / UI text */
  --sy-font-head: "Sora",  system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; /* headings */
}

/* keep the design-system aliases in sync with the single source */
:root { --sy-font-text: var(--sy-font); --sy-font-display: var(--sy-font-head); }

/* ---- Body / UI text ---- */
body,
p, a, li, td, th, dl, dt, dd, blockquote, figcaption, label, small, strong, em, b,
input, select, textarea, optgroup, button, .btn, .theme-btn, .sy-btn,
.form-control, .nav-link, .dropdown-item, .menu, .btn-title, .text, .content-box,
.card, .badge, .chip, table, caption {
  font-family: var(--sy-font) !important;
}

/* ---- Headings / display ---- */
h1, h2, h3, h4, h5, h6,
.heading, .title, .sy-h2, .sy-h1, .boxcar-title h1, .boxcar-title h2,
.sec-title, .display, .logo__word, .sy-logo__word {
  font-family: var(--sy-font-head) !important;
}

/* ---- Never override icon fonts ---- */
.fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-light, .fa-thin,
[class^="fa-"], [class*=" fa-"],
.icofont, [class^="icofont-"], [class*=" icofont-"],
[class^="uil-"], [class*=" uil-"], [class^="uil"], .uil,
[class^="icon-"], [class*=" icon-"],
.material-icons, .slick-prev::before, .slick-next::before, .slick-dots li button::before {
  font-family: revert !important;
}