
:root {
  --blood:#B90E0A; --ember:#ED3B2F; --void:#0B0A0A; --smoke:#1A1A1A; --bone:#EDEDED;
}
*{font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif}
.bg-void{ background-color: var(--void) !important; }
.bg-black-60{ background-color: rgba(0,0,0,.60) !important; }
.border-white-10{ border-color: rgba(255,255,255,.10) !important; }
.text-bone{ color: var(--bone); }
.letter-wide{ letter-spacing:.08em }
.backdrop-blur{ -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.devil-dot{ width:18px; height:18px; display:inline-block; border-radius:50%; background: radial-gradient(circle at 30% 30%, #ff6666, var(--blood)); box-shadow:0 0 16px rgba(185,14,10,.65) }
.hero {
  position: relative;
  background: radial-gradient(ellipse at top, rgba(185,14,10,.25), transparent 55%), linear-gradient(#000, #0B0A0A);
}
.hero .glow{ position:absolute; inset:0; background: radial-gradient(circle at 70% 20%, rgba(255,255,255,0.08), transparent 30%), radial-gradient(circle at 30% 80%, rgba(237,59,47,0.10), transparent 35%); }
.card-dark { background:#121212; border-color:rgba(255,255,255,.1) }
.badge-dot{ display:inline-block; width:6px; height:6px; border-radius:50%; background: var(--ember); margin-right:.4rem }
.btn-danger{ background: var(--blood); border-color: var(--blood) }
.btn-danger:hover{ background:#8f0b08; border-color:#8f0b08 }
.btn-outline-light{ border-color:rgba(255,255,255,.35) }
.ticket-tier li .badge-dot{ background: var(--blood) }
.aspect-4-5{ position:relative; width:100%; padding-top:125%; overflow:hidden; border-radius:1rem; border:1px solid rgba(255,255,255,.1); background:linear-gradient(135deg, rgba(185,14,10,.25), #000) }
.aspect-4-5 .caption{ position:absolute; inset: auto 0 0 0; padding:1rem; background:linear-gradient(180deg, transparent, rgba(0,0,0,.75)); font-size:.9rem; color:#d0d0d0 }
.gallery-tile{ aspect-ratio:1/1; background:#111; border:1px solid rgba(255,255,255,.1); border-radius:1rem }
.table-darkish{ --bs-table-bg: #121212; --bs-table-color: #e8e8e8; --bs-table-border-color: rgba(255,255,255,.1); }
.product-card img{ object-fit:cover; height:180px }
