/* ============================================================ ds-apply.css — camada de PADRONIZAÇÃO DE MARCA sobre o site. Carregar DEPOIS dos CSS da página (por último no ). Só troca a cor de marca (azul da logo + teal da identidade) e polimentos leves — sem mexer em layout/markup/JS. ============================================================ */ :root{ --primary-color:#046af3; /* azul da logo (era #2563eb) */ --primary-dark:#0357cc; --accent-color:#00d6bd; /* teal da identidade (era #f59e0b) */ --brand-blue:#046af3; --brand-blue-press:#0357cc; --brand-teal:#00d6bd; --brand-coral:#f14c5f; /* rebrand do checkout.html (usa --accent/--green): teal como "Grátis/Pix" */ --accent:#046af3; --accent-press:#0357cc; --accent-soft:rgba(4,106,243,.09); --green:#00a892; } @media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ --primary-color:#2d84ff; --primary-dark:#5b9dff; --accent-color:#1fe3cd; --brand-blue:#2d84ff; --brand-blue-press:#5b9dff; --brand-teal:#1fe3cd; --accent:#2d84ff; --accent-press:#5b9dff; --accent-soft:rgba(45,132,255,.17); --green:#2ee6cf; }} :root[data-theme="dark"]{ --primary-color:#2d84ff; --primary-dark:#5b9dff; --accent-color:#1fe3cd; --brand-blue:#2d84ff; --brand-blue-press:#5b9dff; --brand-teal:#1fe3cd; --accent:#2d84ff; --accent-press:#5b9dff; --accent-soft:rgba(45,132,255,.17); --green:#2ee6cf; } /* Polimento leve e seguro dos CTAs de compra (sem alterar layout) */ .catalog-spotlight-card__cta, .add-to-cart-btn, .btn-primary, button.btn-buy{ background:var(--brand-blue); border-color:var(--brand-blue); transition:background .15s ease, transform .06s ease; } .catalog-spotlight-card__cta:hover, .add-to-cart-btn:hover, .btn-primary:hover, button.btn-buy:hover{ background:var(--brand-blue-press); border-color:var(--brand-blue-press); } .catalog-spotlight-card__cta:active, .add-to-cart-btn:active{ transform:scale(.99); } /* "à vista no Pix" / preços com destaque teal onde o site marca economia */ .price-pix, .pix-price, .economia, .discount-badge{ color:var(--brand-teal); }