/* Tema claro · Shotblack
   Não é a inversão do escuro: a base passa a ser o branco-gelo da marca (#F4F7F9),
   as superfícies ficam brancas, o texto é o preto da Shotblack e o ciano escurece
   (#0B6F79 / #0A5F68) para manter contraste AA sobre fundo claro. Os botões de ação
   viram pretos, que é a cor da própria marca, e o logo troca para a versão preta oficial.
   Tudo aqui vale só com data-theme="light"; o escuro continua sendo o padrão. */
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#F4F7F9; --card:#FFFFFF; --tx:#0B0D0F; --mut:#46505A; --mut2:#5A6570;
  --line:rgba(11,13,15,.10); --line2:rgba(11,13,15,.18);
  --acc:#0B6F79; --acc-tx:#0A5F68; --acc-soft:rgba(11,111,121,.08); --acc-soft2:rgba(11,111,121,.13);
  --hole:#DDF1F3; --hole-tx:#0A5F68;
  --btn:#0B0D0F; --btn-tx:#F4F7F9;
  --bar:rgba(244,247,249,.92);
  --sh:0 1px 2px rgba(11,13,15,.04),0 6px 20px rgba(11,13,15,.05);
  --sh-h:0 1px 2px rgba(11,13,15,.06),0 12px 32px rgba(11,13,15,.09);
  --preto:#0B0D0F; --gelo:#F4F7F9; --grafite:#1C2126;
}

/* ---- painel: fundo, faixa lateral, cabeçalho ---- */
[data-theme="light"] body,[data-theme="light"] .ceu{background:var(--bg)}
[data-theme="light"] .ceu::before,[data-theme="light"] .ceu::after{display:none}
[data-theme="light"] .neb.n1{background:rgba(119,217,227,.30)}
[data-theme="light"] .neb.n2{background:rgba(60,130,190,.12)}
[data-theme="light"] .topo{background-image:linear-gradient(rgba(11,13,15,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,13,15,.035) 1px,transparent 1px)}
[data-theme="light"] .topo .eyebrow{color:var(--acc-tx)}
[data-theme="light"] .lateral{background:rgba(255,255,255,.96);box-shadow:none}
[data-theme="light"] .bar{background:var(--bar)}
[data-theme="light"] .busca input{background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--line2)}
[data-theme="light"] .busca svg{opacity:.65}
[data-theme="light"] :focus-visible{outline-color:var(--preto)}
[data-theme="light"] .nav button:hover,[data-theme="light"] .nav a.nav-link:hover,
[data-theme="light"] .perfil-menu [role^="menuitem"]:hover{background:rgba(11,13,15,.05)}
[data-theme="light"] .nav button[aria-current="true"]{background:var(--acc-soft2);color:var(--acc-tx)}
[data-theme="light"] .nav-icone{opacity:.9}

/* ---- cartões e prompts ---- */
[data-theme="light"] .dados,[data-theme="light"] .card,[data-theme="light"] .passos li,[data-theme="light"] .op{background:var(--card);box-shadow:var(--sh)}
[data-theme="light"] .card:hover{border-color:rgba(11,13,15,.28);box-shadow:var(--sh-h)}
[data-theme="light"] .texto,[data-theme="light"] .op-amostra{background:var(--gelo);border-color:var(--line)}
[data-theme="light"] .texto .vale{color:var(--acc-tx)}
[data-theme="light"] select{background:#FFFFFF;color:var(--tx)}
[data-theme="light"] .campo input{background:#FFFFFF}

/* ações em preto: a cor da marca, com texto gelo */
[data-theme="light"] .copiar,[data-theme="light"] .chip[aria-pressed="true"],[data-theme="light"] .chip.on,
[data-theme="light"] .estilos .abas button[aria-selected="true"],[data-theme="light"] .torrada,
[data-theme="light"] .passos b,[data-theme="light"] .ordem-passos b,[data-theme="light"] .perfil-ini{background:var(--preto);color:var(--gelo)}
[data-theme="light"] .copiar:hover{background:var(--grafite)}
[data-theme="light"] .copiar.ok{background:var(--acc-soft2);color:var(--acc-tx)}
[data-theme="light"] .torrada{box-shadow:0 12px 32px rgba(11,13,15,.22)}

/* orientação "Monte seu pedido" */
[data-theme="light"] .ordem{background:#E6F4F6;border-color:rgba(11,111,121,.28)}
[data-theme="light"] .ordem-fecho{border-top-color:rgba(11,111,121,.22)}

/* ---- menu do perfil e celular ---- */
[data-theme="light"] .perfil-btn{background:#FFFFFF}
[data-theme="light"] .perfil-btn:hover,[data-theme="light"] .perfil-btn[aria-expanded="true"]{background:#EEF2F5}
[data-theme="light"] .perfil-menu{background:#FFFFFF;box-shadow:0 16px 40px rgba(11,13,15,.16)}
[data-theme="light"] .veu{background:rgba(11,13,15,.32)}
@media(max-width:860px){[data-theme="light"] .lateral{box-shadow:0 0 48px rgba(11,13,15,.18)}}

/* ---- login, admin, Como usar, Minha conta (ui.css) ---- */
[data-theme="light"] .eyebrow{color:var(--acc-tx)}
[data-theme="light"] .muted,[data-theme="light"] .user-row small,[data-theme="light"] .conta-dados span,
[data-theme="light"] .codigo-box small,[data-theme="light"] .accountbar{color:var(--mut)}
[data-theme="light"] .auth input:not([type=checkbox]),[data-theme="light"] .admin-form input{background:#FFFFFF;border-color:var(--line2);color:var(--tx)}
[data-theme="light"] .primary,[data-theme="light"] .passo .botao{background:var(--preto);color:var(--gelo)}
[data-theme="light"] .primary:hover,[data-theme="light"] .passo .botao:hover{background:var(--grafite)}
[data-theme="light"] .secondary{color:var(--mut)}
[data-theme="light"] .auth [role=status],[data-theme="light"] .admin [role=status]{color:var(--acc-tx)}
[data-theme="light"] .accountbar a,[data-theme="light"] .pagina-topo a{color:var(--tx)}
[data-theme="light"] .user-row,[data-theme="light"] .passo,[data-theme="light"] .codigo-box,[data-theme="light"] .auth .cartao{background:var(--card);border-color:var(--line);box-shadow:var(--sh)}
[data-theme="light"] .codigo-box{border-color:var(--acc)}
[data-theme="light"] .user-actions button{border-color:var(--line2);color:var(--tx)}
[data-theme="light"] .passo p,[data-theme="light"] .passo li{color:#2B333B}
[data-theme="light"] .passo code{background:var(--gelo);border-color:var(--line2);color:var(--tx)}
[data-theme="light"] .passo .video-futuro{color:var(--acc-tx)}
[data-theme="light"] footer{color:var(--mut2)}