/* Tema claro: bege quente de fundo, cartões quase brancos e cinzas mornos. O degradê da Divify segue como destaque.
   Vale quando o <html> tem data-tema="claro" (escolha em Menu/rodapé da lateral; "Sistema" segue o celular/computador). */
:root[data-tema="claro"] {
  --bg: #f3efe7; --bg2: #efeae0; --painel: #fcfbf8; --painel2: #ffffff; --painel3: #ece6db;
  --linha: rgba(74, 60, 38, .10); --linha2: rgba(74, 60, 38, .16); --linha3: rgba(74, 60, 38, .26);
  --texto: #1f1c18; --suave: #5e574d; --apagado: #8e867a;
  --azul2: #0a74c2; --ciano: #0796b3;
  --verde: #10875f; --amarelo: #b26b0c; --vermelho: #cf3d3d; --roxo: #7350d0;
  --sombra: 0 12px 32px -14px rgba(74, 56, 28, .22);
  --tinta: 74, 60, 38;
  color-scheme: light;
}
[data-tema="claro"] body {
  background-image: radial-gradient(1100px 520px at 78% -14%, rgba(var(--acento2-rgb), .07), transparent 60%),
                    radial-gradient(800px 420px at 8% 110%, rgba(214, 190, 150, .22), transparent 60%);
}
[data-tema="claro"] ::selection { background: rgba(var(--acento-rgb), .22); }
[data-tema="claro"] ::-webkit-scrollbar-thumb { background: rgba(74, 60, 38, .18); background-clip: padding-box; }
[data-tema="claro"] .logo-branco { filter: none; }

/* superfícies: tudo que era "branco translúcido sobre preto" vira papel ou tinta morna bem leve */
[data-tema="claro"] input, [data-tema="claro"] select, [data-tema="claro"] textarea { background: #fff; }
[data-tema="claro"] select option { background: #fff; }
[data-tema="claro"] .btn { background: #fff; box-shadow: 0 1px 2px rgba(74, 56, 28, .06); }
[data-tema="claro"] .btn:hover { background: #f8f5ef; }
[data-tema="claro"] .btn.primario { background: var(--degrade); box-shadow: 0 6px 18px -8px rgba(var(--acento2-rgb), .55), inset 0 1px 0 rgba(255, 255, 255, .3); }
[data-tema="claro"] .btn.fantasma { background: none; box-shadow: none; }
[data-tema="claro"] .btn.fantasma:hover, [data-tema="claro"] .lat-item:hover, [data-tema="claro"] .lat-proj:hover,
[data-tema="claro"] .linha-item:hover, [data-tema="claro"] .conv:hover, [data-tema="claro"] .dock-conv:hover,
[data-tema="claro"] .conv-acoes button:hover, [data-tema="claro"] .tabela tr.clica:hover td { background: rgba(74, 60, 38, .05); }
[data-tema="claro"] .btn.perigo:hover { background: rgba(207, 61, 61, .08); }
[data-tema="claro"] .cartao { background: var(--painel); box-shadow: 0 1px 2px rgba(74, 56, 28, .05), 0 8px 24px -18px rgba(74, 56, 28, .25); }
[data-tema="claro"] .kpi::after { background: radial-gradient(circle, rgba(var(--acento-rgb), .10), transparent 70%); }
[data-tema="claro"] .kpi.alerta::after { background: radial-gradient(circle, rgba(207, 61, 61, .10), transparent 70%); }
[data-tema="claro"] .esqueleto { background: linear-gradient(90deg, rgba(74, 60, 38, .05), rgba(74, 60, 38, .10), rgba(74, 60, 38, .05)); background-size: 200% 100%; }
[data-tema="claro"] .lateral { background: rgba(236, 231, 221, .75); }
[data-tema="claro"] .lat-busca { background: #fff; }
[data-tema="claro"] .lat-item.ativo { background: rgba(var(--acento-rgb), .10); }
[data-tema="claro"] .lat-proj.ativo { background: rgba(74, 60, 38, .07); }
[data-tema="claro"] .segmentado, [data-tema="claro"] .abas { background: rgba(74, 60, 38, .05); }
[data-tema="claro"] .segmentado button.ativo, [data-tema="claro"] .abas button.ativo { background: #fff; box-shadow: 0 1px 3px rgba(74, 56, 28, .14); }
[data-tema="claro"] .pedir input { background: #fff; box-shadow: 0 8px 26px -16px rgba(var(--acento2-rgb), .35); }
[data-tema="claro"] .lt-item .eixo i, [data-tema="claro"] .rm-marco, [data-tema="claro"] .rm-mini .marco { border-color: var(--painel); }
[data-tema="claro"] .rm-cab { background: #f7f4ee; }
[data-tema="claro"] .rm-barra .fundo-cor { opacity: .2; }
[data-tema="claro"] .rm-barra span { color: var(--texto); text-shadow: 0 0 4px #fff, 0 0 8px #fff; }
[data-tema="claro"] .rm-hoje-pilula { color: #fff; }
[data-tema="claro"] .coluna { background: rgba(74, 60, 38, .035); }
[data-tema="claro"] .coluna.sobre { background: rgba(var(--acento-rgb), .07); }
[data-tema="claro"] .card { background: #fff; box-shadow: 0 1px 2px rgba(74, 56, 28, .07); }
[data-tema="claro"] .card:hover { box-shadow: 0 10px 24px -12px rgba(74, 56, 28, .28); }
[data-tema="claro"] .item, [data-tema="claro"] .sug, [data-tema="claro"] details.fer, [data-tema="claro"] .ag-desc, [data-tema="claro"] .wa-msgs,
[data-tema="claro"] .mais-item, [data-tema="claro"] .ag-chip, [data-tema="claro"] .status-chips button, [data-tema="claro"] .kb-chips button,
[data-tema="claro"] .chat-caixa-texto, [data-tema="claro"] .cel-bt { background: #fff; }
[data-tema="claro"] .item:hover, [data-tema="claro"] .sug:hover { background: #fffdf9; box-shadow: 0 6px 18px -12px rgba(74, 56, 28, .3); }
[data-tema="claro"] .status-chips button.ativo { background: color-mix(in srgb, var(--c) 14%, #fff); }
[data-tema="claro"] .kb-chips button.ativo { background: var(--texto); border-color: var(--texto); color: #fff; }
[data-tema="claro"] .kb-chips button.ativo .num { color: rgba(255, 255, 255, .7); }
[data-tema="claro"] .mais-item.ativo { background: rgba(var(--acento-rgb), .08); }
[data-tema="claro"] .bolha { background: #fff; border: 1px solid var(--linha); }
[data-tema="claro"] .bolha.eu { background: #dcefff; border-color: rgba(var(--acento-rgb), .25); }
[data-tema="claro"] pre { background: #f4f0e8; color: #3a352d; }
[data-tema="claro"] :not(pre) > code { background: rgba(74, 60, 38, .08); }
[data-tema="claro"] .cores button.ativo { border-color: var(--texto); box-shadow: 0 0 0 2px var(--painel); }
[data-tema="claro"] .aviso { background: #fff; }

/* chat */
[data-tema="claro"] .minha { background: var(--degrade-minha, linear-gradient(135deg, #0073BE, #1a8fe0)); border-color: transparent; }
[data-tema="claro"] .dele { color: #2c2924; }
[data-tema="claro"] .dele b { color: #12100d; }
[data-tema="claro"] .chat-opc select { background: rgba(74, 60, 38, .05); }
[data-tema="claro"] .chat-corpo, [data-tema="claro"] .app.chat-cheio .dock-hist { background: rgba(255, 255, 255, .45); }
[data-tema="claro"] .dock-veu { background: rgba(40, 32, 20, .22); }
@media (min-width: 861px) {
  [data-tema="claro"] .dock { background: rgba(250, 248, 243, .88); }
  [data-tema="claro"] .app.chat-cheio .dock { background: none; }
}

/* camadas por cima */
[data-tema="claro"] .painel-fundo, [data-tema="claro"] .paleta-fundo, [data-tema="claro"] .modal-fundo { background: rgba(40, 32, 20, .28); }
[data-tema="claro"] .painel-caixa, [data-tema="claro"] .modal-caixa { box-shadow: -24px 0 60px -24px rgba(74, 56, 28, .35); }
[data-tema="claro"] .paleta-caixa { background: rgba(252, 251, 248, .97); box-shadow: 0 30px 80px -24px rgba(74, 56, 28, .4); }
[data-tema="claro"] .paleta-item.sel { background: rgba(var(--acento-rgb), .10); }

/* agenda */
[data-tema="claro"] .ag-cab { background: #f7f4ee; }
[data-tema="claro"] .ag-dia { background: var(--painel); }
[data-tema="claro"] .ag-dia:hover { background: #fff; }
[data-tema="claro"] .ag-dia.fora, [data-tema="claro"] .ag-dia.fora:hover { background: #f1ece3; }
[data-tema="claro"] .ag-ev { background: color-mix(in srgb, var(--c) 13%, #fff); }
[data-tema="claro"] .ag-ev.todo { background: color-mix(in srgb, var(--c) 85%, #000); }
[data-tema="claro"] .ag-dia.sel { background: rgba(var(--acento-rgb), .10); }

/* login: o painel da marca continua escuro, como peça de identidade */
[data-tema="claro"] .login-marca { --texto: #e7edf5; --suave: #93a1b5; --apagado: #5f6b7e; color: var(--texto); }
[data-tema="claro"] .login-marca .logo-branco { filter: brightness(0) invert(1); }

/* celular */
@media (max-width: 860px) {
  [data-tema="claro"] .cel-topo { background: rgba(243, 239, 231, .82); }
  [data-tema="claro"] .cel-abas { background: rgba(250, 248, 243, .9); }
  [data-tema="claro"] .cel-fab { box-shadow: 0 10px 26px -8px rgba(var(--acento2-rgb), .6), inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 0 5px #faf8f3; }
  [data-tema="claro"] .cel-badge { border-color: #faf8f3; }
  [data-tema="claro"] .cel-bt.claude { background: var(--degrade); }
  [data-tema="claro"] .wa-voltar { background: rgba(255, 255, 255, .92) !important; }
  [data-tema="claro"] .painel-caixa, [data-tema="claro"] .modal-caixa { box-shadow: 0 -24px 60px -24px rgba(74, 56, 28, .35); }
  [data-tema="claro"] .dock { background: var(--bg); }
}

/* seletor de tema */
.tema-seg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 3px; border: 1px solid var(--linha); border-radius: 12px; background: rgba(127, 127, 127, .06); }
.tema-seg button { font: inherit; font-size: 12.5px; font-weight: 500; border: 0; background: none; color: var(--suave); padding: 8px 6px; border-radius: 9px; cursor: pointer; display: inline-flex; gap: 6px; align-items: center; justify-content: center; }
.tema-seg button.ativo { background: var(--painel2); color: var(--texto); box-shadow: 0 1px 3px rgba(0, 0, 0, .18); }
.tema-seg .ic { width: 14px; height: 14px; }