:root {
  --bg: #08080c;
  --bg-elev: #12121a;
  --bg-panel: #0f0f16;
  --border: #2e2a3d;
  --accent: #a78bfa;
  --accent-2: #f0abfc;
  --user-bg: #161222;
  --ai-bg: #0e0c14;
}
.topbar {
  background: linear-gradient(90deg, rgba(167,139,250,0.22), transparent 55%),
              linear-gradient(180deg, #161222, #08080c);
}
.topbar h1 {
  background: linear-gradient(90deg, #e9d5ff, #f0abfc);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.chat {
  background:
    radial-gradient(900px 400px at 0% -20%, rgba(167,139,250,0.16), transparent),
    radial-gradient(600px 280px at 100% 100%, rgba(240,171,252,0.08), transparent),
    var(--bg);
}