/* ============================================================
   Design tokens — extraídos dos painéis CAISM e Conferência PRGS
   Paleta teal/navy, modo noite padrão + modo claro.
   ============================================================ */
:root{
  /* superfícies */
  --bg:#0f1720; --bg2:#0c131b; --card:#16212e; --panel2:#1d2c3d;
  /* texto e linhas */
  --ink:#e8eef5; --mut:#90a4bb; --line:#27384c;
  /* marca */
  --brand:#2dd4bf; --brand-dark:#14b8a6; --tipbg:#0a1018;
  /* preenchimentos sólidos (alto contraste): avatares, badges, botões primários */
  --brand-solid:#0f766e; --brand-solid-h:#0b5e58; --on-brand:#ffffff;
  /* semânticos */
  --ok:#22c55e; --warn:#f59e0b; --bad:#ef4444; --info:#3b82f6;
  /* variantes de texto (dark) */
  --ok-tx:#4ade80; --warn-tx:#fbbf24; --bad-tx:#f87171; --info-tx:#60a5fa;
  /* fundos suaves p/ pills/badges */
  --ok-bg:rgba(34,197,94,.15); --warn-bg:rgba(245,158,11,.16);
  --bad-bg:rgba(239,68,68,.16); --info-bg:rgba(59,130,246,.16);
  --brand-bg:rgba(45,212,191,.14);
  --hover:rgba(255,255,255,.035);
  /* bolhas de chat */
  --bubble-in:#1d2c3d; --bubble-out:#12463f;
  --shadow:0 10px 30px -12px rgba(0,0,0,.55);
  --radius:16px;
}
:root[data-theme="light"]{
  --bg:#f6f9fc; --bg2:#eef3f9; --card:#ffffff; --panel2:#eef3f9;
  --ink:#16212e; --mut:#5b6b80; --line:#dbe4ef;
  --brand:#0d9488; --brand-dark:#0f766e; --tipbg:#ffffff;
  --ok-tx:#15803d; --warn-tx:#b45309; --bad-tx:#dc2626; --info-tx:#1d4ed8;
  --ok-bg:rgba(34,197,94,.13); --warn-bg:rgba(245,158,11,.14);
  --bad-bg:rgba(239,68,68,.12); --info-bg:rgba(59,130,246,.12);
  --brand-bg:rgba(13,148,136,.10);
  --hover:#f6f9ff;
  --bubble-in:#eef3f9; --bubble-out:#c3ecdd;
  --shadow:0 10px 30px -14px rgba(16,33,46,.25);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  transition:background .3s,color .3s;
}
a{color:var(--brand);text-decoration:none}
button{font:inherit}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:var(--mut)}