/* Pale sky-blue fills for shared primary controls. Keep the product purchase
 * buttons, layout, typography and root accent tokens at their existing values. */
html.n321-white-canvas :is(
    .shop-nav__item.active,
    .shop-drawer__link.active,
    .uc-nav__item.active,
    .uc-drawer__link.active,
    .shop-btn--primary,
    .catalog-search button,
    .btn-search-query,
    .btn-primary,
    .view-card-btn,
    .catalog-categories .chip.is-primary:not(:disabled),
    .uc-ticket-submit,
    .uc-ticket-reply__submit,
    .uc-message-mobile-search__submit,
    .uc-message-mobile-feedback button
) {
    background: #bfe8ff;
    border-color: transparent;
    color: #235c7e;
    box-shadow: 0 2px 7px rgba(35, 92, 126, .12);
}
html.n321-white-canvas :is(
    .shop-nav__item.active,
    .shop-drawer__link.active,
    .uc-nav__item.active,
    .uc-drawer__link.active,
    .shop-btn--primary,
    .catalog-search button,
    .btn-search-query,
    .btn-primary,
    .view-card-btn,
    .catalog-categories .chip.is-primary:not(:disabled),
    .uc-ticket-submit,
    .uc-ticket-reply__submit,
    .uc-message-mobile-search__submit,
    .uc-message-mobile-feedback button
):is(:hover, :active) {
    background: #addffb;
    color: #235c7e;
    filter: none;
}
html.n321-white-canvas :is(
    .shop-nav__item.active,
    .shop-drawer__link.active,
    .uc-nav__item.active,
    .uc-drawer__link.active
) :is(i, .nav-icon, .material-icons-outlined) {
    color: inherit;
}