/* ========================================================================== Per-site variants Load AFTER allred-brand.css. Add ONE of these class names to . allred-brand.css is deliberately property-neutral: it defines the palette and the mechanics. This file is where the two properties diverge, and it does so by remapping three role tokens rather than by restyling anything. If you find yourself adding selectors here, the rule belongs in the base file instead. ========================================================================== */ /* -------------------------------------------------------------------------- doctorallred.com — the umbrella. The person, linking to both practices. Anchor is the deeper burgundy, because this is the one property where both marks appear together and fir (luminance 0.0542) needs a weight-matched partner. Deep burgundy is 0.0504; primary burgundy at 0.0938 would look noticeably lighter beside it. -------------------------------------------------------------------------- */ body.site-doctorallred { --role-anchor: var(--burgundy-deep); /* 10.07:1 on paper */ --role-anchor-hover:var(--burgundy); /* 7.03:1 — lightens on hover */ --role-secondary: var(--fir); /* 9.70:1 */ } /* -------------------------------------------------------------------------- allred.consulting — consulting, supervision, training. Anchor is primary burgundy; the practice stands alone here so nothing needs weight-matching. Sun-deep carries the accent. -------------------------------------------------------------------------- */ body.site-allredconsulting { --role-anchor: var(--burgundy); /* 7.03:1 on paper */ --role-anchor-hover:var(--burgundy-deep); /* 10.07:1 — darkens on hover */ --role-secondary: var(--sun-deep); /* 5.03:1 */ } /* -------------------------------------------------------------------------- Fallback. If no site class is present, behave as allred.consulting. -------------------------------------------------------------------------- */ body { --role-anchor: var(--burgundy); --role-anchor-hover: var(--burgundy-deep); --role-secondary: var(--sun-deep); } /* -------------------------------------------------------------------------- Consume the roles. These override the equivalent rules in allred-brand.css. Everything else in the base file — surfaces, focus, print, utilities — is shared and should not be duplicated here. -------------------------------------------------------------------------- */ h1, h2, h3, .nectar-inherit-h1, .nectar-inherit-h2, .nectar-inherit-h3 { color: var(--role-anchor); } a { color: var(--role-anchor); } a:hover, a:focus { color: var(--role-anchor-hover); } #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text::after { border-color: var(--role-anchor) !important; } #header-outer #top nav > ul > li > a:hover { color: var(--role-anchor); } .nectar-button.regular, input[type="submit"] { background-color: var(--role-anchor) !important; } .nectar-button.regular:hover, input[type="submit"]:hover { background-color: var(--role-anchor-hover) !important; } blockquote { border-left-color: var(--role-anchor); } hr, .divider-border { border-top-color: var(--role-anchor); } a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline-color: var(--role-anchor); } .accent-text { color: var(--role-secondary); }