/* Customer-facing actions share the selected appearance palette. */
:root:not([data-theme="dark"]){--store-action-bg:var(--rose-dark);--store-action-text:var(--white);--store-action-hover:color-mix(in srgb,var(--rose-dark) 85%,var(--ink))}
:root:not([data-theme="dark"]) .dark-button,
:root:not([data-theme="dark"]) .size-choice.selected,
:root:not([data-theme="dark"]) .filter.active{background:var(--store-action-bg);border-color:var(--store-action-bg);color:var(--store-action-text)}
:root:not([data-theme="dark"]) .dark-button:is(:hover,:active):not(:disabled),
:root:not([data-theme="dark"]) .size-choice.selected:is(:hover,:active):not(:disabled),
:root:not([data-theme="dark"]) .filter.active:is(:hover,:active):not(:disabled){background:var(--store-action-hover);border-color:var(--store-action-hover);color:var(--store-action-text)}
:root:not([data-theme="dark"]) .outline-button{border-color:var(--store-action-bg);color:var(--store-action-bg)}
:root:not([data-theme="dark"]) .outline-button:is(:hover,:active):not(:disabled),
:root:not([data-theme="dark"]) .filter:hover:not(:disabled):not(.active),
:root:not([data-theme="dark"]) .product-buy:hover:not(:disabled){background:var(--store-action-bg);border-color:var(--store-action-bg);color:var(--store-action-text)}
:root:not([data-theme="dark"]) .size-choice:hover:not(:disabled):not(.selected),
:root:not([data-theme="dark"]) .mini-button:hover:not(:disabled),
:root:not([data-theme="dark"]) .cart-cep-row button:hover:not(:disabled){background:var(--blush);border-color:var(--store-action-bg);color:var(--store-action-bg)}
:root:not([data-theme="dark"]) #whatsapp-contact:hover{background:var(--store-action-hover)}
:is(.button,.size-choice,.filter,.mini-button,.cart-cep-row button):focus-visible{outline:2px solid var(--rose-dark);outline-offset:3px}