/* Temas da V1 (home + loja). Cada tema redefine os tokens de vs.css. Troca pelo seletor flutuante (temas.js), ?tema= ou localStorage.
   Regra de conversão: fundo neutro, UMA cor de ação forte só nos botões e destaques, texto escuro de alto contraste. */

/* 1. oficina (padrão de vs.css): grafite + areia + laranja filamento */

/* 2. confiança: navy profundo + laranja de ação. O clássico "banco + oferta": passa solidez e o botão salta. */
[data-theme="confianca"]{--ink:#0B1F4B;--ink-2:#1E3A78;--paper:#FFFFFF;--sand:#F3F6FB;--sand-2:#E3E9F5;--mute:#4A5878;--line:#D9E0EE;--fil:#F97316;--fil-dark:#DC5F0B;--fil-soft:#FFEDD5;--ok:#15803D;--marker:#FFD84D}

/* 3. studio: fundo escuro de estúdio de design + verde-lima elétrico. Premium, "a gente desenha coisas foda". */
[data-theme="studio"]{--ink:#F5F6F8;--ink-2:#D5D9E2;--paper:#121418;--sand:#1A1D23;--sand-2:#23272F;--mute:#A3A9B8;--line:#2B3039;--fil:#B6F400;--fil-dark:#9BD400;--fil-soft:#2A3410;--ok:#4ADE80;--marker:#B6F400}
[data-theme="studio"] body{background:var(--paper)}
[data-theme="studio"] .site-top{background:rgba(18,20,24,.9)}
[data-theme="studio"] .btn-red,[data-theme="studio"] .prices .hi{background:var(--fil);color:#0F1115}
[data-theme="studio"] .btn-red:hover{background:var(--fil-dark)}
[data-theme="studio"] .prices .hi span{color:#2A3410}.prices .hi .big{color:inherit}
[data-theme="studio"] .vs-band.dark,[data-theme="studio"] .site-foot{background:#0C0E11;color:#fff}
[data-theme="studio"] .vs-band.dark .vs-form input,[data-theme="studio"] .vs-band.dark .vs-form textarea,[data-theme="studio"] .vs-form input,[data-theme="studio"] .vs-form textarea,[data-theme="studio"] .summary input,[data-theme="studio"] .form-card input,[data-theme="studio"] .filtros input,[data-theme="studio"] .filtros select{background:#1A1D23;color:#F5F6F8;border-color:#2B3039}
[data-theme="studio"] .vs-logo i{background:var(--fil);color:#0F1115}
[data-theme="studio"] .hero .price-tag,[data-theme="studio"] .vs-hero .price-tag,[data-theme="studio"] .pc .tag,[data-theme="studio"] .cart-link .n{background:var(--fil);color:#0F1115}
[data-theme="studio"] .btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
[data-theme="studio"] .btn-ink{background:var(--fil);color:#0F1115}
[data-theme="studio"] .three>div,[data-theme="studio"] .prices>div:not(.hi),[data-theme="studio"] .cats a,[data-theme="studio"] .gratis .box,[data-theme="studio"] .pc,[data-theme="studio"] .faq details,[data-theme="studio"] .specs div,[data-theme="studio"] .buy,[data-theme="studio"] .summary,[data-theme="studio"] .ci,[data-theme="studio"] .li,[data-theme="studio"] .form-card,[data-theme="studio"] .pay-box{background:var(--sand);border-color:var(--line)}
[data-theme="studio"] .vs-hero img,[data-theme="studio"] .enc img{box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
[data-theme="studio"] .cats .tag{background:var(--fil-soft);color:var(--fil)}
[data-theme="studio"] .ok-box{background:#163A2A;color:#8BE0B4}

/* 4. crescimento: branco limpo + verde de confirmação. Transmite "deu certo", bom para checkout e garantia. */
[data-theme="crescimento"]{--ink:#0B1A14;--ink-2:#1F3A2E;--paper:#FFFFFF;--sand:#F2F8F4;--sand-2:#E1EFE6;--mute:#4F6B5D;--line:#D6E5DC;--fil:#16A34A;--fil-dark:#15803D;--fil-soft:#DCFCE7;--ok:#15803D;--marker:#FDE68A}

/* 5. oferta: branco + vermelho-rosa de urgência. Cor de promoção e "compre agora"; usar com cupom e escassez. */
[data-theme="oferta"]{--ink:#1A0A0F;--ink-2:#3F1D28;--paper:#FFFFFF;--sand:#FBF4F6;--sand-2:#F6E4EA;--mute:#6B4A56;--line:#EFDCE3;--fil:#E11D48;--fil-dark:#BE123C;--fil-soft:#FFE4E6;--ok:#15803D;--marker:#FDE68A}

/* 6. tech: branco + azul elétrico, marinho no texto. Tecnologia e precisão, combina com o logo oficial. */
[data-theme="tech"]{--ink:#0A1033;--ink-2:#1E2A66;--paper:#FFFFFF;--sand:#F3F5FC;--sand-2:#E4E8F7;--mute:#4D5680;--line:#D9DEF0;--fil:#2563EB;--fil-dark:#1D4ED8;--fil-soft:#DBEAFE;--ok:#15803D;--marker:#FDE68A}

/* ── seletor flutuante ── */
.tfab{position:fixed;right:18px;bottom:18px;z-index:60;width:56px;height:56px;border-radius:50%;border:0;background:var(--ink);color:var(--paper);display:grid;place-items:center;cursor:pointer;box-shadow:0 16px 36px -14px rgba(0,0,0,.5);transition:transform .2s}
.tfab:hover{transform:scale(1.06)}
.tfab svg{width:24px;height:24px}
.tfab .dot{position:absolute;right:2px;top:2px;width:15px;height:15px;border-radius:50%;background:var(--fil);border:3px solid var(--ink)}
.tpanel{position:fixed;right:18px;bottom:86px;z-index:60;width:min(360px,calc(100vw - 36px));background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5);padding:16px;display:none;color:var(--ink)}
.tpanel.open{display:block}
.tpanel h3{font-size:15px;font-weight:800;display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font-family:var(--body)}
.tpanel h3 small{font-weight:600;color:var(--mute);font-size:12px}
.tlist{display:grid;gap:6px}
.tlist button{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;text-align:left;border:0;background:var(--sand);border-radius:12px;padding:9px 10px;cursor:pointer;font:inherit;color:var(--ink);box-shadow:inset 0 0 0 2px transparent}
.tlist button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--fil)}
.tlist .sw{display:flex;gap:3px}
.tlist .sw i{width:14px;height:26px;border-radius:4px;display:block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.tlist b{display:block;font-size:13.5px}
.tlist span{display:block;font-size:12px;color:var(--mute);line-height:1.35}
.tpanel .share{margin-top:12px;display:flex;gap:6px}
.tpanel .share input{flex:1;min-width:0;font:inherit;font-size:12px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--sand);color:var(--mute)}
.tpanel .share button{font:inherit;font-size:12.5px;font-weight:700;padding:8px 12px;border-radius:8px;border:0;background:var(--fil);color:#fff;cursor:pointer}
[data-theme="studio"] .tpanel .share button{color:#0F1115}
[data-theme="studio"] .filtros a.on{background:var(--fil);color:#0F1115;border-color:var(--fil)}
[data-theme="studio"] .faq summary::after,[data-theme="studio"] .kicker{color:var(--fil)}