/* ===== Tema claro (teste 6). Gerado por src/claro.py a partir do CSS escuro + tokens abaixo ===== */
:root{
  --bg:#ffffff;--surface:#f7f5f2;--surface-2:#efebe6;
  --line:rgba(23,18,14,.09);--line-strong:rgba(23,18,14,.16);
  --text:#17120e;--muted:#5c554f;--dim:#7a726b;
  --orange:#ff6b2c;--orange-ink:#c2410c;
}
html{color-scheme:light}
body{background:var(--bg);color:var(--text)}


/* ---------- ajustes manuais do tema claro ---------- */
.logo-svg path[fill="#FFFFFF"]{fill:#171E19}
.header{background:rgba(255,255,255,.86)}
.msg-out,.mini-bubble.out{background:#fff1ea;border-color:rgba(255,107,44,.45);color:var(--text)}
.msg-out .msg-by{color:var(--orange-ink)}
.msg-in{background:var(--surface-2);color:var(--text)}
.chat,.crm{background:#fff;box-shadow:0 18px 50px -24px rgba(23,18,14,.28)}
.input{background:#fff;color:var(--text);border-color:rgba(23,18,14,.2)}
.input::placeholder{color:#8a827b}
.btn{color:#140b04}
.nav-trigger{color:#3b342e}
@media (hover:hover) and (pointer:fine){.nav-trigger:hover{color:var(--text);background:rgba(23,18,14,.05)}}
.nav-panel{background:#fff;box-shadow:0 18px 50px -24px rgba(23,18,14,.3)}
::selection{background:rgba(255,107,44,.25);color:var(--text)}
.wa-bubble{border:1px solid var(--line-strong)}

/* pontinhos de "digitando" no tema claro */
.typing i{background:var(--orange-ink)}