/* =====================================================
   TEMA CLARO (09/11/2026) — carregado depois do neo.css.
   Só vale com <html data-theme="light">, que o botão ☀️/🌙 do topo liga
   (escolha guardada no navegador do visitante). O tema escuro continua o
   padrão do site. Aqui ficam: (1) os tokens de cor trocados e (2) as regras
   do neo.css que tinham branco/preto fixo e não seguiam os tokens.
   Laranja e ouro escurecidos para ter contraste em fundo claro.
   ===================================================== */
html[data-theme="light"]{
  --neo-bg:      #F5F6F8;
  --neo-surface: #FFFFFF;
  --neo-white:   #FFFFFF;
  --neo-ink:     #111827;
  --neo-navy:    #ECEEF2;
  --neo-navy-2:  #F5F6F8;
  --neo-accent:  #C2410C;
  --neo-gold:    #A16207;
  --neo-yellow:  rgba(234,88,12,.08);
  --neo-violet:  rgba(100,116,139,.08);
  --neo-green:   rgba(22,163,74,.10);
  --neo-blue:    rgba(37,99,235,.10);
  --neo-muted:   #5B6474;
  --neo-line:    rgba(15,23,42,.12);
  --neo-shadow:  0 4px 18px -8px rgba(15,23,42,.18);
  --fio-2:       rgba(15,23,42,.22);
  --texto-2:     rgba(17,24,39,.80);
  --brilho:       0 4px 14px -6px rgba(234,88,12,.45);
  --brilho-forte: 0 6px 18px -6px rgba(234,88,12,.55);
  --brilho-ouro:  0 4px 14px -6px rgba(161,98,7,.4);
  --brilho-bloco: 0 4px 18px -10px rgba(15,23,42,.25);
  /* textos em degradê (preços, "LEILÕES") ficam laranja/âmbar escuros */
  --grad-ouro:   linear-gradient(to right,#C2410C,#B45309);
  color-scheme:light;
}
/* o botão amarelo continua com o degradê claro original e texto escuro */
html[data-theme="light"] .neo-btn.yellow{ background:linear-gradient(to right,#F7931A,#FFD600); color:#030304; }
/* grade do herói bem mais suave no claro */
html[data-theme="light"] .neo-hero::before{
  background-image:linear-gradient(to right,rgba(15,23,42,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.07) 1px,transparent 1px);
}
html[data-theme="light"] body::before,
html[data-theme="light"] body::after{ opacity:.35; }

/* topo, menu e painéis de vidro */
html[data-theme="light"] .neo-header{ background:rgba(255,255,255,.82); }
html[data-theme="light"] .neo-nav a:hover{ background:rgba(15,23,42,.05); }
html[data-theme="light"] .neo-burger{ background:rgba(15,23,42,.04); }
@media (max-width:820px){ html[data-theme="light"] .neo-nav{ background:rgba(255,255,255,.97); } }
html[data-theme="light"] .neo-logo-box{ color:var(--neo-ink); }
html[data-theme="light"] code{ background:rgba(15,23,42,.05); }
html[data-theme="light"] ::selection{ background:rgba(234,88,12,.25); color:var(--neo-ink); }

/* herói da home */
html[data-theme="light"] .neo-hero h1,
html[data-theme="light"] .neo-hero h1 .hi-white,
html[data-theme="light"] .neo-hero p strong,
html[data-theme="light"] .neo-hero p b{ color:var(--neo-ink); }
html[data-theme="light"] .neo-hstat{ background:rgba(255,255,255,.75); }
html[data-theme="light"] .neo-hstat-n{ color:var(--neo-ink); }

/* botões: os de fundo laranja/vermelho continuam com texto branco */
html[data-theme="light"] .neo-btn.white{ color:var(--neo-ink); }
html[data-theme="light"] .neo-btn.white:hover{ border-color:var(--neo-ink); background:rgba(15,23,42,.05); }
html[data-theme="light"] .neo-btn.dark{ background:rgba(15,23,42,.04); color:var(--neo-ink); }
html[data-theme="light"] .neo-btn.violet{ color:var(--neo-ink); }

/* campos */
html[data-theme="light"] .neo-input,
html[data-theme="light"] .neo-textarea,
html[data-theme="light"] .neo-select,
html[data-theme="light"] .neo-search input{ background-color:#FFFFFF; color:var(--neo-ink); }
html[data-theme="light"] .neo-input::placeholder,
html[data-theme="light"] .neo-textarea::placeholder,
html[data-theme="light"] .neo-search input::placeholder{ color:rgba(17,24,39,.4); }
html[data-theme="light"] select option{ color:var(--neo-ink); }
html[data-theme="light"] input[type=file]::file-selector-button{ color:var(--neo-ink); background:rgba(15,23,42,.06); }

/* chips, paginação, tabelas, interruptores */
html[data-theme="light"] .neo-chip{ background:rgba(15,23,42,.03); }
html[data-theme="light"] .neo-chip:hover{ color:var(--neo-ink); }
html[data-theme="light"] .neo-pag a{ background:rgba(15,23,42,.03); }
html[data-theme="light"] .neo-table th{ background:rgba(15,23,42,.04); }
html[data-theme="light"] .neo-toggle,
html[data-theme="light"] .neo-check,
html[data-theme="light"] .ck-prefs label{ background:rgba(15,23,42,.03); }
html[data-theme="light"] .neo-toggle:hover,
html[data-theme="light"] .neo-toggle.on{ color:var(--neo-ink); }
html[data-theme="light"] .neo-lote-timer,
html[data-theme="light"] .adm-stat .num,
html[data-theme="light"] .neo-footer-txt,
html[data-theme="light"] .ck-titulo{ color:var(--neo-ink); }

/* avisos e selos: texto escuro na cor do aviso */
html[data-theme="light"] .neo-alert strong,
html[data-theme="light"] .neo-alert b{ color:inherit; }
html[data-theme="light"] .neo-alert.ok{ color:#166534; }
html[data-theme="light"] .neo-alert.err{ color:#991B1B; }
html[data-theme="light"] .neo-alert.warn{ color:#854D0E; }
html[data-theme="light"] .neo-alert.info{ color:#334155; }
html[data-theme="light"] .adm-aviso{ color:#854D0E; }
html[data-theme="light"] .neo-pill.ok{ color:#166534; }
html[data-theme="light"] .neo-pill.warn{ color:#854D0E; }
html[data-theme="light"] .neo-pill.danger{ color:#991B1B; }
html[data-theme="light"] .neo-pill.navy{ background:rgba(15,23,42,.06); color:var(--neo-ink); }

/* banner de cookies e dicas */
html[data-theme="light"] .ck-banner{ background:rgba(255,255,255,.95); }
html[data-theme="light"] .ck-btn.no{ color:var(--neo-ink); }
html[data-theme="light"] .ck-btn.no:hover{ border-color:var(--neo-ink); }

/* Selos sobre as fotos (LOTE N, velado...) e a dica [data-tip] continuam
   escuros: ficam sobre imagem e precisam do contraste. */

/* Botão do tema (fica no topo, fora do menu, para aparecer no celular) */
.tema-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:999px; flex:0 0 auto;
  border:1px solid var(--fio-2); background:transparent; color:var(--neo-ink);
  font-size:18px; line-height:1; cursor:pointer;
}
.tema-btn:hover{ border-color:var(--neo-accent); }
.tema-btn:focus-visible{ outline:2px solid var(--neo-accent); outline-offset:2px; }