/* themes.css — 2026-07-20 (Fase B): seletor de tema da plataforma.
   Base (:root em tokens.css) = tema "Clássico" (azul). Aqui só os OVERRIDES de cor por skin.
   data-skin = tizze | classic | futurista  (padrão: tizze, o oficial do site)
   data-theme = dark | light  (o modo, já existente)
   Só sobrescrevemos cor — fontes/tamanhos/radius seguem do tokens.css. */

/* ═══ TIZZE (oficial) — dourado + creme, do site usetizze.com.br ═══ */
:root[data-skin="tizze"] {
  --bg-primary:#0B0B0D; --bg-card:#141417; --bg-elevated:#1C1C21;
  --text-primary:#F4F1EA; --text-secondary:#A6A39A; --text-muted:#6B6A63;
  --accent:#D7B768; --accent-hover:#E7CE86; --accent-glow:rgba(215,183,104,.15);
  --border:rgba(255,255,255,.10); --border-strong:rgba(255,255,255,.18);
  --shadow-glow:0 0 0 1px rgba(215,183,104,.28), 0 14px 42px rgba(0,0,0,.5);
}
:root[data-skin="tizze"][data-theme="light"] {
  --bg-primary:#F7F6F3; --bg-card:#FFFFFF; --bg-elevated:#FFFFFF;
  --text-primary:#14140F; --text-secondary:#6B6A63; --text-muted:#8A897F;
  --accent:#C9A24B; --accent-hover:#A8822F; --accent-glow:rgba(201,162,75,.14);
  --accent-text:#8A6A1F;   /* medido: 5.05:1 no branco. Ver nota ACENTO-TEXTO */
  --border:rgba(20,20,15,.10); --border-strong:rgba(20,20,15,.16);
  --shadow-glow:0 1px 2px rgba(20,20,15,.05), 0 12px 40px rgba(20,20,15,.10);
}

/* ═══ CLÁSSICO ═══════════════════════════════════════════════════════════════
   04/08/2026 — ANTES esta pele NAO existia como regra: era "o que sobra" quando
   nenhum seletor casava. Implicito = fragil, o mesmo padrao que fez o plano
   'free' herdar as features do Starter por acidente (03/08).

   Efeito colateral que isso ja causava: o Classico ESCURO puxava a base do
   tokens.css — cujo --accent virou OURO em 29/07 — enquanto o Classico CLARO
   puxava o azul do tokens-light.css. Mesma pele, dois destaques diferentes.

   Os valores abaixo sao EXATAMENTE os que a tela ja renderiza hoje: tornar
   explicito nao muda um pixel. A incoerencia de cor fica registrada pro Miguel
   decidir — ver o bloco INCOERENCIA no fim deste arquivo. */
:root[data-skin="classic"] {
  --bg-primary:#07090D; --bg-card:#0F131A; --bg-elevated:#151A23;
  --text-primary:#ECEDF1; --text-secondary:#9AA0AD; --text-muted:#6B7280;
  --accent:#D7B768; --accent-hover:#E7C869; --accent-glow:rgba(215,183,104,.20);
  --border:rgba(255,255,255,.08); --border-strong:rgba(255,255,255,.16);
}
/* Claro = INVERSAO do escuro (decisao do Miguel, 04/08). O #ECEDF1 que era o
   TEXTO no escuro vira o FUNDO aqui, e o #07090D que era o fundo vira o texto.
   O ouro permanece nos dois modos — muda so o tom: #D7B768 sobre branco nao
   passa em contraste (fica ilegivel), entao no claro vale o ouro fechado
   #C9A24B, o mesmo que a pele Tizze ja usa no modo claro. */
:root[data-skin="classic"][data-theme="light"] {
  --bg-primary:#ECEDF1; --bg-card:#FFFFFF; --bg-elevated:#F5F6F8;
  --text-primary:#07090D; --text-secondary:#4F5358; --text-muted:#80858C;
  --accent:#C9A24B; --accent-hover:#A8822F; --accent-glow:rgba(201,162,75,.14);
  --accent-text:#8A6A1F;   /* medido: 5.05:1 no branco. Ver nota ACENTO-TEXTO */
  --border:rgba(0,0,0,.10); --border-strong:rgba(0,0,0,.18);
}

/* ═══ FUTURISTA — neon tech, ciano sobre preto profundo ═══ */
:root[data-skin="futurista"] {
  --bg-primary:#05060A; --bg-card:#0C1018; --bg-elevated:#131A28;
  --text-primary:#EAF6FF; --text-secondary:#8BA3C7; --text-muted:#5A6B87;
  --accent:#00E5D0; --accent-hover:#4DF5E4; --accent-glow:rgba(0,229,208,.20);
  --border:rgba(120,180,255,.14); --border-strong:rgba(120,180,255,.28);
  --shadow-glow:0 0 0 1px rgba(0,229,208,.32), 0 14px 46px rgba(0,60,80,.45);
}
:root[data-skin="futurista"][data-theme="light"] {
  --bg-primary:#EEF2F8; --bg-card:#FFFFFF; --bg-elevated:#F6FAFF;
  --text-primary:#0A1424; --text-secondary:#46546B; --text-muted:#74839C;
  --accent:#0891B2; --accent-hover:#0E7490; --accent-glow:rgba(8,145,178,.13);
  --accent-text:#0E7490;   /* medido: 5.36:1 no branco. Ver nota ACENTO-TEXTO */
  --border:rgba(10,20,36,.10); --border-strong:rgba(10,20,36,.18);
  --shadow-glow:0 1px 2px rgba(10,20,36,.05), 0 12px 40px rgba(10,20,36,.10);
}

/* ═══ RESOLVIDO em 04/08/2026 ═════════════════════════════════════════════════
   O Classico estava incoerente: ouro no escuro (herdado da base, trocada em
   29/07) e azul no claro (vindo do tokens-light.css). A amostra no minha-conta
   ainda prometia um terceiro azul, o #3B82F6 original.

   Decisao do Miguel: OURO nos dois modos, com o claro sendo a inversao do
   escuro. Assim o Classico se distingue da pele Tizze pela TEMPERATURA do
   fundo — neutro frio aqui, quente/creme na Tizze — e nao por outra cor de
   destaque. A amostra do minha-conta.php foi corrigida junto, senao a bolinha
   mentiria pro cliente.

   O que sobra pra decidir um dia: o rotulo "atual" no botao do Classico. Com a
   Tizze sendo a pele oficial e padrao, chamar o Classico de "atual" confunde. */

/* ═══ ACENTO-TEXTO — token novo, 04/08/2026 ═══════════════════════════════════
   Descoberto MEDINDO (tizze-tools/contraste.php), nao no olho.

   O --accent faz DOIS trabalhos e um valor so nao serve pros dois no claro:

     como FUNDO de botao, texto escuro em cima ....... 8.31:1  passa folgado
     como TEXTO/icone sobre branco ................... 2.40:1  reprova feio
                                    (o minimo pra texto e 4.5:1, pra UI e 3:1)

   No escuro o problema nao existe: ouro sobre #07090D da 10.31:1.

   Entao: --accent continua sendo a cor de PREENCHIMENTO, e --accent-text e a
   cor pra quando o acento vira TEXTO, ICONE ou LINHA FINA. No escuro os dois
   sao a mesma cor (herda via var); no claro, o texto usa o tom fechado.

   Valores medidos sobre branco:
     ouro    #8A6A1F  5.05:1   (tizze e classico no claro)
     ciano   #0E7490  5.36:1   (futurista no claro)

   PENDENTE, tambem medido: no claro o --text-muted (#80858C) da 3.18:1 — passa
   como elemento de UI, reprova como texto. Como e usado em texto de apoio,
   deveria fechar pra ~#6E737A. Nao mexi: muda aparencia, e isso e decisao do
   Miguel. */