/* Aion 2 Celestial subtheme style overrides */

:root {
  --bg: oklch(0.12 0.015 220);
  --bg-2: rgb(8, 14, 20);
  --bg-3: rgb(12, 22, 32);
  --bg-4: rgb(16, 28, 40);
  --bg-5: rgb(20, 34, 48);
  --bg-6: rgb(24, 40, 56);
  --primary: oklch(76% 0.15 190);
  --primary-soft: rgba(40, 180, 240, 0.1);
  --primary-hover: oklch(82% 0.12 190);
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.18);
  --border-soft: rgba(255, 255, 255, 0.04);
}

html { background: var(--bg); }
.bg-video-wrap .video-overlay {
  background:
    radial-gradient(ellipse at 20% 50%, rgba(40, 160, 230, 0.12) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 20%, rgba(40, 160, 230, 0.06) 0%, transparent 50%),
    linear-gradient(to bottom, rgba(8, 14, 20, 0.85) 0%, rgba(8, 14, 20, 0.6) 40%, rgba(8, 14, 20, 0.95) 100%);
}
.topbar { border-bottom-color: var(--border-strong); }
.nav a:hover, .nav a.active { color: var(--primary); }
.btn-pill, .btn-primary { background: var(--primary); color: #07121c; }
.btn-pill:hover, .btn-primary:hover { background: var(--primary-hover); }