/* Bangs Music Distro — Global Dark Black Theme (Light Black)
   SAFE: load AFTER your existing CSS. Color overrides only. */

:root{
  --bg:#0b0f14;
  --panel:#111823;
  --panel2:#0f1620;
  --text:#e9eef7;
  --muted:rgba(233,238,247,.72);
  --line:rgba(255,255,255,.10);
  --brand:#1ed760;
  --shadow:0 18px 60px rgba(0,0,0,.55);
  --radius:18px;
  --focus:rgba(30,215,96,.22);
  color-scheme: dark;

  /* Map common vars used across your themes */
  --bp-bg0: #070a10;
  --bp-bg1: var(--bg);
  --bp-panel: rgba(255,255,255,.045);
  --bp-panel2: rgba(0,0,0,.25);
  --bp-line: var(--line);
  --bp-line2: rgba(255,255,255,.14);

  --bmd-ink:#070a10;
  --bmd-ink2:var(--bg);
  --bmd-text:rgba(245,245,245,.95);
  --bmd-muted:rgba(245,245,245,.70);
  --bmd-surface:rgba(255,255,255,.045);
  --bmd-surface2:rgba(255,255,255,.065);
  --bmd-border:rgba(255,255,255,.12);
  --bmd-focus:var(--focus);
}

html,body{
  background:
    radial-gradient(1200px 620px at 12% 0%, rgba(30,215,96,.12), transparent 55%),
    radial-gradient(980px 540px at 88% 10%, rgba(96,165,250,.10), transparent 60%),
    linear-gradient(180deg, #0b0f14 0%, #070a10 100%);
  color:var(--text);
}

/* Prevent any page section from forcing purple/bright backgrounds */
main,.page,.wrap,.container{ background:transparent !important; }

/* Universal premium surfaces */
.card,.panel,.box,.widget,.section,.glass,.bp-card,.bp-tile,.bp-list,.bp-block,
.form,.result,.modal,.dialog,.popup{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow) !important;
  border-radius:var(--radius) !important;
}

/* Header / Footer */
header,.topbar,.navbar,.site-header{
  background:rgba(11,15,20,.78) !important;
  border-bottom:1px solid var(--line) !important;
  backdrop-filter:blur(12px);
}
footer,.footer,.site-footer{
  background:rgba(7,10,16,.62) !important;
  border-top:1px solid var(--line) !important;
}

/* Links + muted */
a{ color:rgba(233,238,247,.92); }
a:hover{ color:#fff; }
.muted,.text-muted,small,.meta{ color:var(--muted) !important; }

/* Buttons */
button,.btn,.button,a.btn{
  background:rgba(255,255,255,.06) !important;
  color:var(--text) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:999px !important;
}
.btn--primary,.btn-primary,.primary,.cta{
  background:linear-gradient(135deg, rgba(30,215,96,.95), rgba(34,197,94,.75)) !important;
  border-color:rgba(30,215,96,.55) !important;
  color:#07150d !important;
}

/* Inputs */
input,select,textarea{
  background:rgba(255,255,255,.05) !important;
  color:var(--text) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(30,215,96,.55) !important;
  box-shadow:0 0 0 4px rgba(30,215,96,.18) !important;
}

/* Homepage special blocks (Charts/Genres/Mood/Top Artists) */
.bmd-charts,.bmd-genremood,.bmd-topartists{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)) !important;
  border:1px solid var(--line) !important;
}