/* tema.css: as cores do Estúdio Eumidia como variáveis, claro e escuro.
   Carregado por todas as telas (conversa, entrada, primeiro acesso, início). O tema escuro vale com
   html[data-tema="escuro"] (posto por tema.js) e, sem o script, com o tema do aparelho.
   Para trocar uma cor do app, troque aqui: o resto das folhas só usa var(--...). */
:root{
  --header:#ffffff;
  --page:#ffffff;
  --surface:#ffffff;
  --bub-in:#ffffff;          /* balão da agente: branco */
  --bub-out:#e9e6ff;         /* balão de quem escreve: lavanda-violeta */
  --txt:#272430;
  --muted:#6f6b82;
  --time:#645f7a;
  --accent:#6653ff;           /* a conversa troca pela cor do agente (conversa.js) */
  --accent-txt:var(--accent);
  --link:#5441e0;
  --line:rgba(0,0,0,.08);
  --ink2:#3f3951;
  --ink3:#5f5c6c;
  --btn-bg:#f0f2fa;
  --field:#f2f4fb;
  --field-focus:#ffffff;
  --soft:#ebeef8;
  --media-bg:#d7dcec;
  --media-bg2:#e1e5f2;
  --visq-bg:#f3f5fb;
  --pill-bg:rgba(255,255,255,.92);
  --act-bg:#c7cfe4;
  --tint:rgba(0,0,0,.05);
  --tint2:rgba(0,0,0,.075);
  --cod-btn:rgba(255,255,255,.75);
  --rec:#c0392b;
  --err-bg:#fbe0e0; --err-txt:#8f2f2f; --err-line:#f0bcbc;
  --warn-bg:#fdf3d0; --warn-txt:#7a5c12; --warn-line:#efe0a8;
  --chat-bg:
    radial-gradient(ellipse at 15% 0%,rgba(255,255,255,.55),transparent 55%),
    radial-gradient(ellipse at 90% 100%,rgba(133,118,255,.20),transparent 55%),
    linear-gradient(165deg,#dee4f3 0%,#d0d7eb 45%,#c5cde4 100%);
  --sombra-bub:0 1px 2px rgba(0,0,0,.14);
  --sombra-cartao:0 4px 22px rgba(0,0,0,.16);
  color-scheme:light;
}
/* Tema escuro: segue data-tema (posto por tema.js) e, sem o script, o aparelho. */
html[data-tema="escuro"]{
  --header:#272430;
  --page:#1d1b24;
  --surface:#272430;
  --bub-in:#272430;
  --bub-out:#3a3361;
  --txt:#ece9f5;
  --muted:#a7a2b8;
  --time:#b3aec6;
  --accent-txt:color-mix(in srgb,var(--accent) 50%,#ffffff);
  --link:#a99eff;
  --line:#3d3849;
  --ink2:#d8d4e6;
  --ink3:#b9b4cb;
  --btn-bg:#322e3d;
  --field:#1d1b24;
  --field-focus:#211f2a;
  --soft:#2f2b3b;
  --media-bg:#3a3547;
  --media-bg2:#322e3d;
  --visq-bg:#1d1b24;
  --pill-bg:rgba(50,46,61,.92);
  --act-bg:#322e3d;
  --tint:rgba(255,255,255,.08);
  --tint2:rgba(255,255,255,.09);
  --cod-btn:rgba(255,255,255,.12);
  --rec:#ff8577;
  --err-bg:#4a1f1b; --err-txt:#ffd9d4; --err-line:#7a3a34;
  --warn-bg:#3c341b; --warn-txt:#fff3c8; --warn-line:#6f5b22;
  --chat-bg:
    radial-gradient(ellipse at 12% 0%,rgba(133,118,255,.13),transparent 55%),
    radial-gradient(ellipse at 90% 100%,rgba(102,83,255,.12),transparent 55%),
    linear-gradient(170deg,#24212d 0%,#1d1b24 55%,#1a1821 100%);
  --sombra-bub:0 1px 2px rgba(0,0,0,.4);
  --sombra-cartao:0 4px 22px rgba(0,0,0,.5);
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  html:not([data-tema="claro"]){
    --header:#272430;
    --page:#1d1b24;
    --surface:#272430;
    --bub-in:#272430;
    --bub-out:#3a3361;
    --txt:#ece9f5;
    --muted:#a7a2b8;
    --time:#b3aec6;
    --accent-txt:color-mix(in srgb,var(--accent) 50%,#ffffff);
    --link:#a99eff;
    --line:#3d3849;
    --ink2:#d8d4e6;
    --ink3:#b9b4cb;
    --btn-bg:#322e3d;
    --field:#1d1b24;
    --field-focus:#211f2a;
    --soft:#2f2b3b;
    --media-bg:#3a3547;
    --media-bg2:#322e3d;
    --visq-bg:#1d1b24;
    --pill-bg:rgba(50,46,61,.92);
    --act-bg:#322e3d;
    --tint:rgba(255,255,255,.08);
    --tint2:rgba(255,255,255,.09);
    --cod-btn:rgba(255,255,255,.12);
    --rec:#ff8577;
  --err-bg:#4a1f1b; --err-txt:#ffd9d4; --err-line:#7a3a34;
    --warn-bg:#3c341b; --warn-txt:#fff3c8; --warn-line:#6f5b22;
    --chat-bg:
      radial-gradient(ellipse at 12% 0%,rgba(133,118,255,.13),transparent 55%),
      radial-gradient(ellipse at 90% 100%,rgba(102,83,255,.12),transparent 55%),
      linear-gradient(170deg,#24212d 0%,#1d1b24 55%,#1a1821 100%);
    --sombra-bub:0 1px 2px rgba(0,0,0,.4);
    --sombra-cartao:0 4px 22px rgba(0,0,0,.5);
    color-scheme:dark;
  }
}


/* Ícones de traço (icones.js): acompanham o tamanho e a cor do texto. */
.ic{width:1.1em;height:1.1em;vertical-align:-0.15em;flex-shrink:0}
.ic-cheio{fill:currentColor}