/* PhastChat — sistema de temas (claro futurista por defeito + escuro).
   As páginas usam var(--x); trocar o data-theme no <html> troca tudo.
   --ov = componentes RGB dos overlays (bordas/hovers): escuros no claro, claros no escuro. */
:root{
  --bg:#ccd6e6; --bg2:#d9e0ec;
  --surface:#e9eef6; --surface2:#dde5f1;
  --card:#e9eef6; --card-hover:#dfe6f2;
  --line:#c3cddd; --line2:#b6c2d5;
  --text:#1b2636; --muted:#54617a; --muted2:#7d8aa0;
  --accent:#1487e6; --accent-2:#2ea6f0; --accent-soft:rgba(20,135,230,.12);
  --grad:linear-gradient(135deg,#22a3ee,#1470d8);
  --green:#0fae7f; --amber:#e08e0b; --red:#e5484d;
  --ov:30,45,80;
  --shadow:0 10px 30px rgba(30,50,90,.12);
}
:root[data-theme="dark"]{
  --bg:#080d18; --bg2:#0c1424;
  --surface:#111a2c; --surface2:#16223a;
  --card:#121b2e; --card-hover:#1a2740;
  --line:#22304a; --line2:#2b3c5a;
  --text:#e9eefb; --muted:#93a1bd; --muted2:#66748f;
  --accent:#38b6ff; --accent-2:#4f8dff; --accent-soft:rgba(56,182,255,.16);
  --grad:linear-gradient(135deg,#38b6ff,#4f8dff);
  --green:#34d399; --amber:#f5b455; --red:#f87171;
  --ov:255,255,255;
  --shadow:0 16px 44px rgba(0,0,0,.55);
}
/* Botão de troca de tema (injetado pelo auth.js na barra de topo). */
.pc-theme-toggle{ cursor:pointer; color:var(--muted); font-size:16px; line-height:1; padding:6px 9px; border-radius:9px; border:1px solid var(--line); background:transparent; transition:all .15s; }
.pc-theme-toggle:hover{ color:var(--text); background:rgba(var(--ov),.06); }