/* tokens.css - authoritative design tokens (:root) + heading reset, from live theme (et-core-unified). Loaded first so all var() refs resolve. */
/* Match live: clip horizontal overflow (e.g. the logo cert marquee) to the viewport. */
/* Reset the UA body margin — the anchor-dental build got this from bootstrap/normalize,
   which the TMJ stack doesn't load; without it an 8px white gutter shows on both sides. */
html, body { overflow-x: hidden; margin: 0; padding: 0; }
:root{--dark:#153b37;--dark-mid:#1a4a45;--mid:#2a635c;--light:#3e857c;--lightest:#4a9e94;--accent:#e8a087;--accent-light:#f2c4b3;--accent-glow:rgba(232,160,135,0.4);--white:#ffffff;--off-white:#f8fafa;--gray-light:#e8eeee;--text-dark:#1a2e2b;--text-muted-dark:#4a5f5c;--text-light:#d4e5e2;--text-muted-light:rgba(212,229,226,0.6);--search-ring:var(--color-accent);--search-border:#e5e7eb;--search-shadow:0 8px 30px rgba(2,6,23,0.06);--radius:14px;--h-pad:1.1rem;--btn-bg:var(--color-accent);--btn-fg:#fff}
#page-container h1,#page-container h2,#page-container h3,#page-container h4,#page-container h5,#page-container h6{line-height:1em!important;padding-bottom:0px}
.accent-font{color:var(--accent-light)!important;font-style:italic!important}
.under-text{font-size:.5em!important;line-height:.8em!important;display:block!important}
.center{text-align:center}
.white *{color:white}
.force-dark{color:var(--dark)!important}
/* Resolve tokens the live TMJ CSS references without a fallback (undefined on live too —
   inert on the visible pages, but defined here so they resolve to their intended values
   and css-sanity passes). Aliases to the existing brand tokens + search-field neutrals. */
:root{
  --color-accent: var(--accent);
  --color-dark: var(--dark);
  --search-bg: #ffffff;
  --search-fg: var(--text-dark);
  --search-muted: var(--text-muted-dark);
}