/* MODO ESCURO DAS LOJAS (27/10/2026, pedido do Michel: todo layout tem modo claro E escuro, escolhido na montagem, no painel ou no chat) -- módulo ÚNICO de estilo para os layouts de LOJA que nascem claros (Pede Já, Casa e Obra, Distribuidora,
   Materiais de construção, Autopeças): todos usam as mesmas variáveis (--fundo, --texto, --suave, --linha) e o cartão branco virou `var(--papel, #fff)`. O identidadeSite marca <html data-fundo="escuro"> quando a conta escolhe escuro;
   aqui só se trocam as variáveis. Cor principal e de destaque da conta não mudam. Layout novo de loja: usar --papel nos cartões e carregar este arquivo. */
:root[data-fundo="escuro"] {
  color-scheme: dark;
  --fundo: #0e1014; --papel: #171a20; --papel2: #1f232b; --texto: #f1f2f4; --suave: #a9afba; --linha: #2a2f39;
  --sombra: 0 16px 34px -18px rgba(0, 0, 0, .85);
  --destaque-claro: rgba(255, 255, 255, .08); --creme: #1f232b; --tx: #f1f2f4; /* --tx: texto que era cor escura fixa no layout */
}
:root[data-fundo="escuro"] body { background: var(--fundo); color: var(--texto); }
:root[data-fundo="escuro"] :is(input, select, textarea) { background: var(--papel2); color: var(--texto); border-color: var(--linha); }
:root[data-fundo="escuro"] :is(h1, h2, h3, h4, strong) { color: inherit; }
:root[data-fundo="escuro"] img { filter: none; }
:root[data-fundo="escuro"] :is([class*="preco"], [class*="price"]):not([class*="antigo"]):not([class*="old"]) { color: var(--principal-vivo, #ffd24a); }
:root[data-fundo="escuro"] :is([class*="preco-antigo"], [class*="price-old"]) { color: var(--suave); }
:root[data-principal-escura][data-fundo="escuro"] body { --principal: var(--principal-vivo); } /* cor da conta escura demais para fundo escuro: usa a versão viva (identidadeSite) */