:root {
  --nv-bg: #050713;
  --nv-surface: #0d1020;
  --nv-surface-2: #151a2f;
  --nv-primary: #28d8ff;
  --nv-accent: #8b4dff;
  --nv-text: #f7f8ff;
  --nv-muted: #99a3c7;
}

body {
  background:
    radial-gradient(circle at 18% 8%, rgba(139, 77, 255, 0.18), transparent 32rem),
    radial-gradient(circle at 86% 0%, rgba(40, 216, 255, 0.16), transparent 30rem),
    var(--nv-bg);
}

#root,
#mountPoint {
  background: transparent;
}

#logo {
  filter: drop-shadow(0 0 18px rgba(40, 216, 255, 0.28));
}

.panel-form button.primary,
button.primary,
.dialog-buttons button.primary {
  background: linear-gradient(135deg, var(--nv-accent), var(--nv-primary));
  border-color: transparent;
  color: #fff;
}

.panel-form button.primary:hover,
button.primary:hover,
.dialog-buttons button.primary:hover {
  filter: brightness(1.08);
}

.lettertile.nightvex-auth,
img.avatar.nightvex-auth {
  background: linear-gradient(135deg, rgba(139, 77, 255, 0.36), rgba(40, 216, 255, 0.26));
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 10px 28px rgba(25, 38, 95, 0.26);
}

.message-panel .mine .message-content,
.bubble-me {
  background: linear-gradient(135deg, #7447ff, #14c8f5);
}

#title-panel,
#topic-caption-panel {
  border-bottom-color: rgba(139, 77, 255, 0.24);
}