/* Triluma → Elementor override shim
   Purpose: enforce Merriweather on headings and tri-accent color,
   even if Elementor Kit tries to override.
   Load AFTER triluma-style.css.
*/

/* 1) Headings: font family + color */
:where(.elementor) h1,
:where(.elementor) h2,
:where(.elementor) h3,
:where(.elementor) h4,
:where(.elementor) h5,
:where(.elementor) h6,
.elementor-heading-title {
  font-family: var(--tri-font-serif, "Merriweather", Georgia, serif) !important;
  color: var(--tri-accent, #3BA2C4) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 2) Base body */
:where(html) body,
:where(.elementor) {
  color: var(--tri-fg, #222) !important;
  background: var(--tri-bg, #fff) !important;
  font-family: var(--tri-font-sans, "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif) !important;
}

/* 3) Links */
:where(.elementor) a { color: var(--tri-accent, #3BA2C4) !important; }

/* 4) Ensure Elementor Kit vars can't sneak in */
[class*="elementor-kit"] :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title){
  font-family: var(--tri-font-serif, "Merriweather", Georgia, serif) !important;
  color: var(--tri-accent, #3BA2C4) !important;
}