/* ============================ BASE TYPOGRAPHY (site-wide) ============================
   Applies the Sand & Bronze foundation globally so every page inherits the same
   palette + type by cascade. Intentionally minimal and low-specificity: Elementor,
   Jet and WooCommerce widgets that set their own fonts/colors keep winning; only
   un-styled base elements pick these up. NO universal reset (would break layouts). */

html body{
  font-family: var(--body);
  color: var(--ink);
  background-color: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Serif display family for base (non-widget) headings — Woo/blog/archive titles.
   Low specificity: Elementor headings (.elementor-heading-title) override this. */
h1, h2, h3, h4, h5, h6{
  font-family: var(--serif);
}

/* Text selection = bronze */
::selection{ background: var(--gold); color:#fffdf7; }
::-moz-selection{ background: var(--gold); color:#fffdf7; }

/* Helper classes used by the child-theme templates (mirror the mockup) */
.jmsb-serif{ font-family: var(--serif) !important; }
.jmsb-sans{ font-family: var(--sans) !important; }