/* Karl Malone Polaris · hosted site styles. Base design system is inlined per page; brand-finish appends the client's rendered brand below. */

/* ══ cloute brand-finish (auto) ══ */
:root{
  --bf-masthead-bg:rgb(255, 255, 255); --bf-masthead-fg:rgb(74, 74, 74);
  --bf-nav-bg:rgb(255, 255, 255); --bf-nav-fg:rgb(74, 74, 74);
  --bf-btn-bg:rgb(255, 255, 255); --bf-btn-fg:rgb(20, 20, 20);
  --bf-accent:rgb(238, 35, 41);
  --bf-body-bg:rgb(255, 255, 255); --bf-text:rgb(31, 29, 29);
  --bf-link:rgb(51, 51, 51); --bf-border:rgb(160, 160, 160);
}
/* Chrome (masthead + nav) */
.masthead, .site-header{background:var(--bf-masthead-bg) !important;color:var(--bf-masthead-fg) !important}
.masthead .brand__name, .masthead .brand__sub, .site-wordmark{color:var(--bf-masthead-fg) !important}
.brand__rule, h2 + .rule{background:var(--bf-accent) !important}
.nav, .site-nav{background:var(--bf-nav-bg) !important}
.nav a, .site-nav a{color:var(--bf-nav-fg) !important}
.nav a.is-active, .site-nav a.active{border-bottom-color:var(--bf-accent) !important}
/* Body surface + copy — match the client's real page look */
body, main, .content{background:var(--bf-body-bg) !important;color:var(--bf-text) !important}
main p, main li, main dd, main dt, .content p, .content li{color:var(--bf-text) !important}
main a, .content a{color:var(--bf-link) !important}
.card, [class*="card"], .panel, main section, main table, main input{border-color:var(--bf-border) !important}
/* Primary CTA — color + real shape */
.btn--primary, .btn.primary, a[href^="tel:"]{background:var(--bf-btn-bg) !important;color:var(--bf-btn-fg) !important;border-radius:0px !important}
/* Headings — client's display face + weight */

/* ══ end cloute brand-finish ══ */