/* Custom colors apply only to the parts selected in the appearance settings. */
html[data-sbn-custom~="header-bg"] .site-header {
  background: var(--sbn-custom-header-bg);
  color: var(--sbn-custom-header-bg-fg);
}
html[data-sbn-custom~="header-title"] .site-header :is(.header-title, .header-logo),
.theme-preview[data-sbn-custom~="header-title"] .theme-preview-header strong {
  color: var(--sbn-custom-header-title);
}
html:is([data-sbn-custom~="header-bg"], [data-sbn-custom~="header-subtitle"]) .site-header .header-subtitle,
.theme-preview:is([data-sbn-custom~="header-bg"], [data-sbn-custom~="header-subtitle"]) .theme-preview-tagline {
  color: var(--sbn-custom-header-subtitle, var(--sbn-custom-header-bg-fg));
}
html[data-sbn-custom~="header-bg"] .site-header :is(.header-logo .brand-mark, .radio-label > span:last-child) {
  color: var(--sbn-custom-header-title, var(--sbn-custom-header-bg-fg));
}
html[data-sbn-custom~="header-title"] .site-header .header-logo .brand-mark {
  color: var(--sbn-custom-header-title);
}
.theme-preview[data-sbn-custom~="header-bg"] .theme-preview-header {
  background: var(--sbn-custom-header-bg);
  color: var(--sbn-custom-header-bg-fg);
}
.theme-preview[data-sbn-custom~="header-bg"] .theme-preview-header strong {
  color: var(--sbn-custom-header-title, var(--sbn-custom-header-bg-fg));
}

html:is([data-sbn-custom~="header-bg"], [data-sbn-custom~="menu-bg"]) .site-header :is(.nav-border, .navlinks, .top-menu-bar, .submenu, .more-pages > div),
.theme-preview:is([data-sbn-custom~="header-bg"], [data-sbn-custom~="menu-bg"]) .theme-preview-nav {
  background: var(--sbn-custom-menu-bg, var(--sbn-custom-header-bg));
}
html:is([data-sbn-custom~="header-bg"], [data-sbn-custom~="menu-bg"], [data-sbn-custom~="menu-text"]) .site-header :is(.nav-border, .top-menu-bar, .nav-support, .menu-toggle, .submenu-toggle),
.theme-preview:is([data-sbn-custom~="header-bg"], [data-sbn-custom~="menu-bg"], [data-sbn-custom~="menu-text"]) .theme-preview-nav {
  color: var(--sbn-custom-menu-text, var(--sbn-custom-menu-bg-fg, var(--sbn-custom-header-bg-fg)));
}
html:is([data-sbn-custom~="header-bg"], [data-sbn-custom~="menu-bg"], [data-sbn-custom~="menu-text"], [data-sbn-custom~="menu-active"]) .site-header :is(.nav, .top-menu-bar) :is(a:hover, a.current, a[aria-current="page"]),
.theme-preview[data-sbn-custom~="menu-active"] .theme-preview-current {
  color: var(--sbn-custom-menu-active, var(--sbn-custom-menu-text, var(--sbn-custom-menu-bg-fg, var(--sbn-custom-header-bg-fg))));
}
html[data-sbn-custom~="menu-active"] .site-header .navlinks a:hover::after {
  background: var(--sbn-custom-menu-active);
}
html:is([data-sbn-custom~="header-bg"], [data-sbn-custom~="menu-bg"]) .site-header :is(.submenu .menu-item-row:hover, .submenu .menu-item-row:focus-within, .submenu-toggle:hover, .submenu-toggle[aria-expanded="true"]) {
  background: color-mix(in srgb, var(--sbn-custom-menu-bg, var(--sbn-custom-header-bg)) 90%, var(--sbn-custom-menu-bg-fg, var(--sbn-custom-header-bg-fg)));
}

html[data-sbn-custom~="hero-bg"] .hero,
.theme-preview[data-sbn-custom~="hero-bg"] .theme-preview-body {
  background: var(--sbn-custom-hero-bg);
}
html[data-sbn-custom~="hero-bg"] .hero-copy,
.theme-preview[data-sbn-custom~="hero-bg"] .theme-preview-body {
  color: var(--sbn-custom-hero-bg-fg);
  --sbn-area-fg: var(--sbn-custom-hero-bg-fg);
}
html[data-sbn-custom~="events-bg"] .sbn-events-area,
.theme-preview[data-sbn-custom~="events-bg"] .theme-preview-events {
  background: var(--sbn-custom-events-bg);
  color: var(--sbn-custom-events-bg-fg);
  --sbn-area-fg: var(--sbn-custom-events-bg-fg);
}
html[data-sbn-custom~="news-bg"] .sbn-news-area,
.theme-preview[data-sbn-custom~="news-bg"] .theme-preview-news {
  background: var(--sbn-custom-news-bg);
  color: var(--sbn-custom-news-bg-fg);
  --sbn-area-fg: var(--sbn-custom-news-bg-fg);
}
html[data-sbn-custom~="campaigns-bg"] :is(.sbn-campaigns-area, .campaign-banner),
.theme-preview[data-sbn-custom~="campaigns-bg"] .theme-preview-campaigns {
  background: var(--sbn-custom-campaigns-bg);
  color: var(--sbn-custom-campaigns-bg-fg);
  --sbn-area-fg: var(--sbn-custom-campaigns-bg-fg);
}
html[data-sbn-custom~="shop-bg"] .sbn-shop-area,
.theme-preview[data-sbn-custom~="shop-bg"] .theme-preview-shop {
  background: var(--sbn-custom-shop-bg);
  color: var(--sbn-custom-shop-bg-fg);
  --sbn-area-fg: var(--sbn-custom-shop-bg-fg);
}

html[data-sbn-custom] .sbn-color-area :is(.content-card, .product-card, .agenda-invite) {
  --sbn-area-fg: initial;
  color: var(--ink);
}
html[data-sbn-custom~="shop-bg"] .sbn-shop-area .product-card {
  background: white;
}
html[data-sbn-custom] .sbn-color-area :where(p, .muted) {
  color: var(--sbn-area-fg, var(--muted));
}
html[data-sbn-custom] .sbn-color-area :where(.eyebrow) {
  color: var(--sbn-area-fg, var(--sbn-text, #527267));
}
html[data-sbn-custom~="hero-bg"] .hero-copy :is(p, .eyebrow, .hero-foot, .hero-foot strong),
html[data-sbn-custom~="campaigns-bg"] .campaign-banner :is(p, .eyebrow),
html[data-sbn-custom~="shop-bg"] .sbn-shop-area :is(.catalog-result-count, .catalog-variable-label),
.theme-preview[data-sbn-custom~="hero-bg"] .theme-preview-body :is(p, .eyebrow) {
  color: var(--sbn-area-fg);
}
html[data-sbn-custom] .sbn-color-area .button.secondary {
  color: var(--sbn-area-fg, var(--ink));
}
html[data-sbn-custom~="campaigns-bg"] .banner-flower {
  color: color-mix(in srgb, var(--sbn-custom-campaigns-bg-fg) 18%, var(--sbn-custom-campaigns-bg));
}

html[data-sbn-custom~="titles"] #main :is(h1, h2, h3):not(.sbn-rich-content *, .sbn-contact-card *),
.theme-preview[data-sbn-custom~="titles"] .theme-preview-title {
  color: var(--sbn-custom-titles);
}
html[data-sbn-custom~="subtitles"] #main :is(.page-heading > p:first-of-type, .hero-copy > p, .section-heading .eyebrow, .page-heading > .eyebrow, .article-lead),
.theme-preview[data-sbn-custom~="subtitles"] .theme-preview-body :is(p, .eyebrow) {
  color: var(--sbn-custom-subtitles);
}
html[data-sbn-custom~="buttons"] #main .button:not(.secondary, .cream, .cf-submit),
.theme-preview[data-sbn-custom~="buttons"] .theme-preview-body .button {
  background: var(--sbn-custom-buttons);
  border-color: var(--sbn-custom-buttons);
  color: var(--sbn-custom-buttons-fg);
}
html[data-sbn-custom~="buttons"] #main .button:not(.secondary, .cream, .cf-submit):hover {
  filter: brightness(.92);
}

html[data-sbn-custom~="footer-bg"] body > footer,
.theme-preview[data-sbn-custom~="footer-bg"] .theme-preview-footer {
  background: var(--sbn-custom-footer-bg);
}
html:is([data-sbn-custom~="footer-bg"], [data-sbn-custom~="footer-text"]) body > footer,
html:is([data-sbn-custom~="footer-bg"], [data-sbn-custom~="footer-text"]) body > footer :is(p, .footer-grid a, .menu-rodape, .footer-bottom, .footer-message em, .footer-message span, .brand-mark),
.theme-preview:is([data-sbn-custom~="footer-bg"], [data-sbn-custom~="footer-text"]) .theme-preview-footer,
.theme-preview:is([data-sbn-custom~="footer-bg"], [data-sbn-custom~="footer-text"]) .theme-preview-footer em {
  color: var(--sbn-custom-footer-text, var(--sbn-custom-footer-bg-fg));
}