/* Modo dia (claro). O modo noite (escuro) é o padrão da 007 Digital. */
:root[data-tema="claro"]{
  --bg:#f4f6fb; --bg2:#eaeef6; --card:#ffffff; --card2:#f8f9fc; --line:#dbe1ec;
  --txt:#131a2a; --txt2:#3a4560; --mut:#5d6880; --gold:#c47712; --gold2:#a85f00;
  color-scheme:light;
}
:root[data-tema="claro"] body{background:var(--bg);color:var(--txt)}
/* Topos e menus laterais */
:root[data-tema="claro"] .topo,
:root[data-tema="claro"] header.top{background:#ffffffe6}
:root[data-tema="claro"] aside,
:root[data-tema="claro"] .lado{background:linear-gradient(180deg,#ffffff,#f1f4fa)}
:root[data-tema="claro"] .lado button.on{color:var(--txt)}
:root[data-tema="claro"] .par{background:var(--card2)}
:root[data-tema="claro"] .res{background:var(--bg2)}
:root[data-tema="claro"] .tabela tbody tr:hover{background:#0000000a}
:root[data-tema="claro"] .pill.neutro{background:#e3e8f1}
:root[data-tema="claro"] .ov{background:#0f172a99}
/* Áreas com a foto do detetive continuam escuras, para o texto ficar legível */
:root[data-tema="claro"] .hero,
:root[data-tema="claro"] .abertura{
  --txt:#e8edf7; --txt2:#c9d2e6; --mut:#a3afc7; --gold:#f0a83a; --gold2:#ffcd73; --line:#22304d; color:#e8edf7}
:root[data-tema="claro"] .abertura.cupido .btn.ghost,
:root[data-tema="claro"] .abertura .btn.ghost,
:root[data-tema="claro"] .hero .btn.ghost{color:#e8edf7}
/* Botão do tema */
.tema-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:600;color:var(--txt);background:var(--card);border:1px solid var(--line);border-radius:30px;padding:7px 12px;cursor:pointer;white-space:nowrap}
.tema-btn:hover{border-color:var(--gold)}
.tema-btn svg{width:16px;height:16px}
.tema-btn.flutua{position:fixed;left:14px;bottom:14px;z-index:30;box-shadow:0 6px 20px #0004}
@media (max-width:640px){.tema-btn .rot{display:none}}
:root[data-tema="claro"] .nav.on{color:var(--txt);background:linear-gradient(90deg,#f0a83a33,transparent)}
:root[data-tema="claro"] main .pendente,:root[data-tema="claro"] .doc .pendente{color:#b42318}
:root[data-tema="claro"] .abertura .pendente{color:#ffb4a8}
:root[data-tema="claro"] .tile:hover,:root[data-tema="claro"] .card:hover{box-shadow:0 8px 24px #0f172a14}