/* Lineage W Bloodstone subtheme style overrides */

:root {
  --bg: oklch(0.11 0.005 15);
  --bg-2: rgb(12, 10, 10);
  --bg-3: rgb(20, 16, 16);
  --bg-4: rgb(28, 22, 22);
  --bg-5: rgb(36, 28, 28);
  --bg-6: rgb(44, 34, 34);
  --primary: oklch(55% 0.16 28);
  --primary-soft: rgba(180, 20, 20, 0.08);
  --primary-hover: oklch(62% 0.15 28);
  --border: rgba(255, 255, 255, 0.06);
  --border-strong: rgba(255, 255, 255, 0.16);
  --border-soft: rgba(255, 255, 255, 0.03);
}

html { background: var(--bg); }
.bg-video-wrap .video-overlay {
  background:
    radial-gradient(ellipse at 20% 50%, rgba(180, 20, 20, 0.12) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 20%, rgba(180, 20, 20, 0.06) 0%, transparent 50%),
    linear-gradient(to bottom, rgba(12, 10, 10, 0.85) 0%, rgba(12, 10, 10, 0.6) 40%, rgba(12, 10, 10, 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: #fff; }
.btn-pill:hover, .btn-primary:hover { background: var(--primary-hover); }