/* DJpool.no: the Remixer layout with its own colours. Violet accent, cool blue-black panels, a record as logo.
   Loaded after style.css only when REMIXER_BRAND=djpool. */
:root {
  --bg: #07080d;
  --panel: #10121a;
  --panel-2: #171a25;
  --line: #222636;
  --text: #f0f1f7;
  --muted: #8a8fa6;
  --accent: #7c5cff;
  --accent-2: #a58cff;
}

/* logo: a spinning-record mark instead of the Remixer bars */
.logo.disc { width: 24px; height: 24px; border-radius: 50%; flex: 0 0 auto;
  background:
    radial-gradient(circle, #000 0 2px, var(--accent) 2.5px 7px, transparent 7.5px),
    repeating-radial-gradient(circle, #1d1f2b 0 1.5px, #2c2f40 1.5px 2.6px);
  box-shadow: 0 0 0 1px #2c2f40, 0 0 12px rgba(124, 92, 255, .35); }
.brand b span { color: var(--accent-2); }

.hero {
  background: radial-gradient(120% 140% at 100% 0%, rgba(124, 92, 255, .30), transparent 55%),
              radial-gradient(90% 120% at 0% 100%, rgba(53, 214, 166, .12), transparent 60%), var(--panel);
  border-color: #241f3d; }
.hl { background: linear-gradient(180deg, #15131f, var(--panel)); border-color: #2c2647; }
.draft { border-color: #2c2647; }
.player .play { box-shadow: 0 0 18px rgba(124, 92, 255, .5); }
.s-drop { color: var(--accent-2); border-color: var(--accent-2); }
.msg.us { background: #1a1630; border-color: #2c2647; }