/* =========================================================
   FariHost global type — Inter everywhere, weights toned down
   ========================================================= */
:root {
  --fh-font: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

html,
body.fh-body,
body.primary-bg-color,
body.fh-body.fh-logged-in {
  font-family: var(--fh-font) !important;
  font-weight: 400 !important;
  letter-spacing: -0.011em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

body.fh-body,
body.fh-body p,
body.fh-body li,
body.fh-body td,
body.fh-body th,
body.fh-body label,
body.fh-body input,
body.fh-body select,
body.fh-body textarea,
body.fh-body .form-control {
  font-family: var(--fh-font) !important;
}

/* Body / UI copy */
body.fh-body p,
body.fh-body .fhp-lead,
body.fh-body .fh-lead,
body.fh-body .card-body,
body.fh-body .panel-body,
body.fh-body .list-group-item {
  font-weight: 400 !important;
}

/* Nav + buttons */
body.fh-body .fh-header .fh-link,
body.fh-body .fh-header .fh-pill,
body.fh-body .btn,
body.fh-body button:not(.close) {
  font-family: var(--fh-font) !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
}

/* Headings — bold but not ultra-black */
body.fh-body h1,
body.fh-body h2,
body.fh-body h3,
body.fh-body h4,
body.fh-body h5,
body.fh-body .fhp-title,
body.fh-body .fh-hero-title,
body.fh-body .fh-title h2,
body.fh-body .card-title,
body.fh-body .panel-title {
  font-family: var(--fh-font) !important;
  font-weight: 750 !important;
  letter-spacing: -0.035em !important;
}

/* Hero titles keep impact, not 1000 weight */
body.fh-body .fhp-title,
body.fh-body h1.fhp-title,
body.fh-body .fh-hero-title,
body.fh-body .fh-page-hero h1,
body.fh-body h1.fh-title {
  font-weight: 800 !important;
  letter-spacing: -0.045em !important;
}

body.fh-body .fhp-title span,
body.fh-body .fh-hero-title span,
body.fh-body .fh-page-hero h1 span {
  font-weight: 800 !important;
}

/* Remap extreme marketing weights used across custom/pro CSS */
body.fh-body [style*="font-weight:1000"],
body.fh-body [style*="font-weight: 1000"] {
  font-weight: 800 !important;
}

/* Utility: anything that was 850–1000 reads as 600–800 */
body.fh-body .fh-alertbar,
body.fh-body .fh-kicker,
body.fh-body .fhp-kicker,
body.fh-body .fh-eyebrow {
  font-weight: 600 !important;
}

body.fh-body .fh-stat b,
body.fh-body .fh-stat strong,
body.fh-body .fhp-hero-metrics b,
body.fh-body strong,
body.fh-body b {
  font-weight: 650 !important;
}

body.fh-body .sidebar .card-title,
body.fh-body .sidebar .panel-title,
body.fh-body .card-sidebar .card-title {
  font-weight: 650 !important;
}

/* Client area inherits same family */
body.fh-body.fh-logged-in,
body.fh-body[class*="template-client"],
body.fh-body.template-clientareaproductdetails {
  --fh-ca-font: var(--fh-font);
  font-family: var(--fh-font) !important;
}