/* Host-page branding only. Embedded widgets retain their tenant configuration. */
html:root {
    --brand-cream: #F5F0E8;
    --brand-charcoal: #211F20;
    --brand-coral: #EF7959;
    --brand-sand: #E4D8CC;
    --bs-body-bg: var(--brand-cream);
    --bs-body-color: var(--brand-charcoal);
    --bs-border-color: var(--brand-sand);
}

html body { background: var(--brand-cream); color: var(--brand-charcoal); }
body .navbar { background: var(--brand-cream) !important; border-color: var(--brand-sand) !important; }
body .navbar a, body .footer a { color: var(--brand-charcoal); }
body .navbar a:hover, body .footer a:hover { color: #a3402a; }
body .navbar a:focus-visible, body .footer a:focus-visible { outline: 3px solid #a3402a; outline-offset: 3px; }