/* Paletas de teste, trocadas pelo seletor "Cores" (data-paleta no <html>).
   Cada paleta só define as cores --p-*; as regras de baixo valem para todas
   e para os dois temas (os seletores de um tema não existem no outro).

   --p-bg     fundo das páginas          --p-card   cartões e quadros
   --p-img    fundo atrás das fotos      --p-line   linhas e bordas
   --p-ink    texto                      --p-muted  texto secundário
   --p-head   topo / menu                --p-head-ink  texto do topo   --p-head-2 busca no topo
   --p-strip  faixa de avisos            --p-strip-ink
   --p-dark   faixas de destaque (sale, editorial, cadastro)          --p-dark-ink  --p-dark-2 texto suave nelas
   --p-foot   rodapé                     --p-foot-ink  --p-foot-2 detalhes do rodapé
   --p-fill   botões                     --p-fill-ink
   --p-acc    etiquetas e destaques      --p-acc-ink */

/* ===== as paletas ===== */
html[data-paleta=cinza]{--p-bg:#ebebeb;--p-card:#fff;--p-img:#d9d9d9;--p-line:#d2d2d2;--p-ink:#2b2b2b;--p-muted:#6b6b6b;
 --p-head:#3a3a3a;--p-head-ink:#f2f2f2;--p-head-2:#4b4b4b;--p-strip:#fff;--p-strip-ink:#3a3a3a;
 --p-dark:#3a3a3a;--p-dark-ink:#fff;--p-dark-2:#cfcfcf;--p-foot:#2b2b2b;--p-foot-ink:#bdbdbd;--p-foot-2:#454545;
 --p-fill:#3a3a3a;--p-fill-ink:#fff;--p-acc:#3a3a3a;--p-acc-ink:#fff}

html[data-paleta=bege]{--p-bg:#f3ece4;--p-card:#fffdfa;--p-img:#e6dacb;--p-line:#e2d5c5;--p-ink:#3b2f27;--p-muted:#85725f;
 --p-head:#5b4636;--p-head-ink:#f6eee6;--p-head-2:#6d5645;--p-strip:#e6d6c3;--p-strip-ink:#4a382c;
 --p-dark:#6b5240;--p-dark-ink:#fbf4ec;--p-dark-2:#e0cfbd;--p-foot:#2e231c;--p-foot-ink:#cdbba8;--p-foot-2:#4a3a2f;
 --p-fill:#6b4f3a;--p-fill-ink:#fff;--p-acc:#b08d6e;--p-acc-ink:#fff}

html[data-paleta=rosa]{--p-bg:#fdf5f5;--p-card:#fff;--p-img:#f6e4e5;--p-line:#f0dadc;--p-ink:#4a2a31;--p-muted:#9a7279;
 --p-head:#f3d9db;--p-head-ink:#5e2f3a;--p-head-2:#fbeced;--p-strip:#b76e79;--p-strip-ink:#fff;
 --p-dark:#c98a93;--p-dark-ink:#fff;--p-dark-2:#fbe6e8;--p-foot:#5a2d36;--p-foot-ink:#ebc9ce;--p-foot-2:#73404a;
 --p-fill:#b76e79;--p-fill-ink:#fff;--p-acc:#b76e79;--p-acc-ink:#fff}

html[data-paleta=salvia]{--p-bg:#f1f3ee;--p-card:#fff;--p-img:#e1e6da;--p-line:#d8ddd0;--p-ink:#2c3427;--p-muted:#6f7a66;
 --p-head:#4f5a45;--p-head-ink:#f1f3ee;--p-head-2:#5f6b54;--p-strip:#9caf88;--p-strip-ink:#1f2619;
 --p-dark:#5e6b4f;--p-dark-ink:#fff;--p-dark-2:#d6dfcb;--p-foot:#2c3427;--p-foot-ink:#c3cbb8;--p-foot-2:#434d3b;
 --p-fill:#4f5a45;--p-fill-ink:#fff;--p-acc:#7d9168;--p-acc-ink:#fff}

html[data-paleta=jeans]{--p-bg:#eef2f7;--p-card:#fff;--p-img:#dde5ef;--p-line:#d3dce8;--p-ink:#1c2740;--p-muted:#5f6f88;
 --p-head:#1f2d4a;--p-head-ink:#f1f5fb;--p-head-2:#2f4066;--p-strip:#5b7fa8;--p-strip-ink:#fff;
 --p-dark:#2c4a7a;--p-dark-ink:#fff;--p-dark-2:#c9d6ea;--p-foot:#16213a;--p-foot-ink:#aebbd2;--p-foot-2:#2c3a5c;
 --p-fill:#1f2d4a;--p-fill-ink:#fff;--p-acc:#5b7fa8;--p-acc-ink:#fff}

html[data-paleta=dourado]{--p-bg:#f8f5ee;--p-card:#fff;--p-img:#ece6d8;--p-line:#e6dcc4;--p-ink:#141414;--p-muted:#7d735e;
 --p-head:#111;--p-head-ink:#d9bb6c;--p-head-2:#262626;--p-strip:#c9a54c;--p-strip-ink:#111;
 --p-dark:#111;--p-dark-ink:#e3c87e;--p-dark-2:#bfb59c;--p-foot:#0b0b0b;--p-foot-ink:#b7ab8c;--p-foot-2:#2a2a2a;
 --p-fill:#111;--p-fill-ink:#e3c87e;--p-acc:#c9a54c;--p-acc-ink:#111}

html[data-paleta=terracota]{--p-bg:#f8efe8;--p-card:#fffaf6;--p-img:#efdccf;--p-line:#ead6c8;--p-ink:#3d2318;--p-muted:#93685a;
 --p-head:#8a3f22;--p-head-ink:#fbeee5;--p-head-2:#9c4f30;--p-strip:#f0cdb6;--p-strip-ink:#6e2f17;
 --p-dark:#b5653f;--p-dark-ink:#fff;--p-dark-2:#f7d9c7;--p-foot:#4a2414;--p-foot-ink:#e0bba7;--p-foot-2:#653524;
 --p-fill:#a04a28;--p-fill-ink:#fff;--p-acc:#d08a63;--p-acc-ink:#fff}

html[data-paleta=lavanda]{--p-bg:#f5f2fa;--p-card:#fff;--p-img:#e8e2f3;--p-line:#e0d9ee;--p-ink:#2e2640;--p-muted:#7c7194;
 --p-head:#5b4b7a;--p-head-ink:#f5f2fa;--p-head-2:#6c5b8d;--p-strip:#d9cdee;--p-strip-ink:#3f3359;
 --p-dark:#6d5a96;--p-dark-ink:#fff;--p-dark-2:#ddd3f0;--p-foot:#2f2742;--p-foot-ink:#c4bbd8;--p-foot-2:#463b60;
 --p-fill:#5b4b7a;--p-fill-ink:#fff;--p-acc:#9b86c9;--p-acc-ink:#fff}

html[data-paleta=pb]{--p-bg:#fff;--p-card:#fff;--p-img:#f0f0f0;--p-line:#e2e2e2;--p-ink:#000;--p-muted:#666;
 --p-head:#000;--p-head-ink:#fff;--p-head-2:#1f1f1f;--p-strip:#fff;--p-strip-ink:#000;
 --p-dark:#000;--p-dark-ink:#fff;--p-dark-2:#bdbdbd;--p-foot:#000;--p-foot-ink:#a8a8a8;--p-foot-2:#2a2a2a;
 --p-fill:#000;--p-fill-ink:#fff;--p-acc:#000;--p-acc-ink:#fff}

/* ===== regras comuns a todas as paletas ===== */
html[data-paleta]{--bg:var(--p-bg);--soft:var(--p-card);--line:var(--p-line);--ink:var(--p-ink);--muted:var(--p-muted);--taupe:var(--p-acc);--taupe-d:var(--p-acc);
 --navy:var(--p-dark);--red:var(--p-acc);--nude:var(--p-card);--fill:var(--p-fill);--fill-h:var(--p-ink);--acc:var(--p-acc);--estrela:var(--p-acc)}
html[data-paleta] body{background:var(--p-bg)}

/* topo */
html[data-paleta] header{background:var(--p-head)!important;color:var(--p-head-ink);border-bottom-color:var(--p-line)}
html[data-paleta] header .ico{stroke:var(--p-head-ink)}
html[data-paleta] header svg[stroke]{stroke:var(--p-head-ink)}
html[data-paleta] header .menu a,html[data-paleta] .menu .verao a,html[data-paleta] .menu .m-sale a,html[data-paleta] .menu .sale{color:var(--p-head-ink)}
html[data-paleta] .menu .sale,html[data-paleta] .menu .m-sale a{text-decoration:underline;text-underline-offset:5px}
html[data-paleta] .menu a::after{background:var(--p-head-ink)}
html[data-paleta] .menu>li:hover>a{border-color:var(--p-head-ink)}
html[data-paleta] .mega{color:var(--p-ink);background:var(--p-card)}
html[data-paleta] .busca{background:var(--p-head-2)}
html[data-paleta] .busca input{color:var(--p-head-ink)}
html[data-paleta] .busca input::placeholder{color:var(--p-head-ink);opacity:.7}
html[data-paleta] .qtd{background:var(--p-acc);color:var(--p-acc-ink)}

/* faixa de avisos */
html[data-paleta] .faixa,html[data-paleta] .topbar{background:var(--p-strip);color:var(--p-strip-ink)}

/* produtos em cartões */
html[data-paleta] .prod,html[data-paleta] .pd{background:var(--p-card);padding-bottom:18px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
html[data-paleta] .prod>:not(.f){padding-left:14px;padding-right:14px}
html[data-paleta] .pd>:not(.f){margin-left:14px;margin-right:14px}
html[data-paleta] .prod .f,html[data-paleta] .pd .f,html[data-paleta] .cat .f,html[data-paleta] .pd-grande{background:var(--p-img)}
html[data-paleta] .comprar{width:auto;background:var(--p-fill);color:var(--p-fill-ink);border-color:var(--p-fill)}
html[data-paleta] .comprar:hover{opacity:.88}
html[data-paleta] .tag,html[data-paleta] .selo,html[data-paleta] .selo-x.off{background:var(--p-acc);color:var(--p-acc-ink);border-color:var(--p-acc)}
html[data-paleta] .pr b.v{color:var(--p-acc)}
html[data-paleta] .add,html[data-paleta] .tams,html[data-paleta] .fav,html[data-paleta] .cor-fav{background:var(--p-card)}

/* botões */
html[data-paleta] .b1{background:var(--p-fill);color:var(--p-fill-ink);border-color:var(--p-fill)}
html[data-paleta] .b1:hover{background:var(--p-ink);border-color:var(--p-ink);color:var(--p-card)}
html[data-paleta] .bt.esc{background:var(--p-fill);color:var(--p-fill-ink)}
html[data-paleta] .btn:hover{background:var(--p-fill);color:var(--p-fill-ink);border-color:var(--p-fill)}
html[data-paleta] .zap{background:var(--p-fill)}
html[data-paleta] .zap svg{fill:var(--p-fill-ink)}

/* faixas e quadros */
html[data-paleta] .vant,html[data-paleta] .benef,html[data-paleta] .look,html[data-paleta] .depo{background:var(--p-card)}
html[data-paleta] .vant svg,html[data-paleta] .benef svg{stroke:var(--p-acc)}
html[data-paleta] .editorial,html[data-paleta] .news,html[data-paleta] div.sale{background:var(--p-dark);color:var(--p-dark-ink)}
html[data-paleta] .news h2,html[data-paleta] .sale h2,html[data-paleta] .editorial h2{color:var(--p-dark-ink)}
html[data-paleta] .news p,html[data-paleta] .editorial p{color:var(--p-dark-2)}
html[data-paleta] .news input{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:var(--p-dark-ink)}
html[data-paleta] .news input::placeholder{color:var(--p-dark-2)}
html[data-paleta] .news form{border-color:var(--p-dark-2)}
html[data-paleta] .news button{color:var(--p-dark-ink)}
html[data-paleta] .news .bt.esc{background:var(--p-dark-ink);color:var(--p-dark)}
html[data-paleta] .editorial .kicker,html[data-paleta] .news .kicker,html[data-paleta] .editorial h2 em,html[data-paleta] .news h2 em{color:var(--p-dark-2)}
html[data-paleta] .editorial .btn,html[data-paleta] .sale .bt{color:var(--p-dark-ink);border-color:var(--p-dark-ink)}
html[data-paleta] .sale .bt{background:var(--p-dark-ink);color:var(--p-dark)}
html[data-paleta] .sobre .selo{background:var(--p-card)}
html[data-paleta] .sobre .selo text{fill:var(--p-ink)}
html[data-paleta] .circ .f{border-color:var(--p-bg)}
html[data-paleta] .pts i.on{background:var(--p-ink)}

/* rodapé */
html[data-paleta] footer{background:var(--p-foot)!important;color:var(--p-foot-ink);border-top:0}
html[data-paleta] footer h4,html[data-paleta] footer .logo b{color:#fff}
html[data-paleta] footer p,html[data-paleta] footer .rod ul{color:var(--p-foot-ink)!important}
html[data-paleta] footer a:hover{color:#fff}
html[data-paleta] footer svg[stroke]{stroke:#fff}
html[data-paleta] footer .pag span{border-color:var(--p-foot-2);color:var(--p-foot-ink)}
html[data-paleta] footer .redes a{background:var(--p-foot-2);border-color:var(--p-foot-2)}
html[data-paleta] footer .baixo{border-color:var(--p-foot-2)}
html[data-paleta] .copy{background:var(--p-foot);border-color:var(--p-foot-2);color:var(--p-foot-ink)}

/* páginas internas */
html[data-paleta] .tabela{background:var(--p-card)}
html[data-paleta] .tabela th{background:var(--p-img)}
html[data-paleta] .cat-barra{background:var(--p-card);padding-left:16px;padding-right:16px;border:0}
html[data-paleta] .filtros{background:var(--p-card);padding:22px}
html[data-paleta] .pd-info{background:var(--p-card);padding:32px}
html[data-paleta] .pd-frete,html[data-paleta] .gv-frete{background:var(--p-bg)}
html[data-paleta] .ck-form{background:var(--p-card);padding:6px 30px 10px}
html[data-paleta] .ct-menu{background:var(--p-card);border-top:0}
html[data-paleta] .ct-cont.aj{background:var(--p-card);padding:30px}
html[data-paleta] .sb-txt,html[data-paleta] .sb-nums{background:var(--p-card);padding:40px}
html[data-paleta] #ld-gaveta,html[data-paleta] .bs-in,html[data-paleta] .ld-modal>div{background:var(--p-card)}
html[data-paleta] .ou span{background:var(--p-card)}
html[data-paleta] .ck-form legend b,html[data-paleta] .ck-im i,html[data-paleta] #ld-toast{background:var(--p-fill);color:var(--p-fill-ink)}
html[data-paleta] .ft-tams input:checked+span,html[data-paleta] .pd-tams button.on{background:var(--p-fill);color:var(--p-fill-ink);border-color:var(--p-fill)}
html[data-paleta] .ob-tl .on i,html[data-paleta] .gv-frete u{background:var(--p-fill);border-color:var(--p-fill)}
html[data-paleta] .pd-fav.on svg{fill:var(--p-acc);stroke:var(--p-acc)}
@media(max-width:900px){
 html[data-paleta] .pd-info{padding:22px 16px}
 html[data-paleta] .ck-form{padding:4px 16px 8px}
 html[data-paleta] .filtros{padding:24px}
 html[data-paleta] body.menu-on .menu a{border-color:var(--p-head-2)}
}