/* TEMA "MEL" NO PAINEL DA PIE (05/11/2026, pedido do Richard: "escolhe um tema que já temos e aplica").
   Os tokens vêm do tema Mel (modo escuro) do molde das lojas (public/temas/mel.css, gerado por
   lib/temas-tokens.js): fundo quente quase preto, superfícies âmbar-escuras, texto marfim, cantos 18px,
   fonte Plus Jakarta Sans. O DOURADO da marca PIE continua sendo o destaque (--ac) — o tema é a roupa,
   a marca é a marca. Carregado DEPOIS do app.css: só redefine as variáveis e meia dúzia de superfícies. */
@font-face{font-family:"Plus Jakarta Sans";src:url("fontes/plus-jakarta-sans.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --bg:#141311; --bg2:#1a1916; --card:#1d1c19; --card2:#24221e;
  --tx:#f6f0e2; --tx2:#bdb4a2; --line:#2c2a25;
  --ac-fraco:rgba(212,175,55,.12); --ac-linha:rgba(212,175,55,.34);
  --r-p:12px; --r-m:14px; --r-g:18px;
  --sombra:0 14px 40px rgba(0,0,0,.18);
}
body{font-family:"Plus Jakarta Sans",system-ui,"Segoe UI",Arial,sans-serif;background:radial-gradient(900px 600px at 100% 0%,rgba(245,180,0,.08),transparent 60%),var(--bg);background-attachment:fixed}
h1,h2,h3{font-weight:700;letter-spacing:-.01em}
header{background:rgba(20,19,17,.82)}
.card{border-radius:18px;background:var(--card);border-color:var(--line);box-shadow:var(--sombra)}
.login-card{border-radius:22px;background:var(--card);box-shadow:var(--sombra)}
.login-card input{background:var(--card2)}
.btn{border-radius:12px;transition:transform .25s cubic-bezier(.34,1.4,.64,1),background .18s,border-color .18s,box-shadow .18s}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:scale(.97)}
nav.tabs a{border-radius:12px 12px 0 0}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:var(--card2);border-color:var(--line);border-radius:12px}
main{animation:tema-entra .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes tema-entra{from{opacity:0;filter:blur(6px);transform:translateY(6px)}}
::selection{background:rgba(212,175,55,.28)}
@media (prefers-reduced-motion:reduce){main{animation:none}.btn{transition:none}}
@media (max-width:820px){main{animation-name:tema-entra-leve}}
@keyframes tema-entra-leve{from{opacity:0;transform:translateY(6px)}}