/* ============================================================
   POZADINA SAJTA

   Ranije je sajt bio skoro crn, a ljubičasta se videla samo u
   gornjem levom uglu naslovne. Sada je ta ljubičasta pozadina
   celog sajta.

   Crnu nije držalo telo stranice nego SVAKA SEKCIJA ponaosob,
   preko gotovih klasa (bg-black/95, bg-qbg, prelazi…). Zato se
   ovde te klase prebojavaju — fajl se učitava POSLE tailwind.css,
   pa ima poslednju reč.

   Ako hoćeš jaču ili blažu ljubičastu, menjaš SAMO dve boje ispod.
   ============================================================ */

:root {
  --qc-ljubicasta: #0c0817;        /* crna sa ljubičastim tonom — razbija monotoniju */
  --qc-ljubicasta-tamna: #09060f;  /* za svaku drugu sekciju, radi ritma */
}

body {
  background-color: var(--qc-ljubicasta);
}

/* naslovni deo — isti ton, samo malo svetliji u uglu */
.hero-gradient {
  background: radial-gradient(circle at top left, #191030 0, var(--qc-ljubicasta) 55%);
}

/* osnovna ploha stranice (telo nosi klasu bg-qbg) */
.bg-qbg {
  background-color: var(--qc-ljubicasta);
}

/* sekcije koje su bile crne — malo tamnije, radi ritma */
.bg-black,
.bg-black\/95,
.bg-black\/90,
.bg-\[\#050308\] {
  background-color: var(--qc-ljubicasta-tamna);
}

.bg-black\/70 { background-color: rgba(9, 6, 15, 0.78); }
.bg-black\/40 { background-color: rgba(9, 6, 15, 0.5); }

/* prelazi između sekcija: ljubičasto → ljubičasto, da crnina ne proviri.
   Namerno se NE dira .from-black/60 — to je zatamnjenje preko fotografija,
   tu crna služi čitljivosti teksta. */
.from-qbg {
  --tw-gradient-from: var(--qc-ljubicasta) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(12, 8, 23, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-qbg {
  --tw-gradient-to: var(--qc-ljubicasta) var(--tw-gradient-to-position);
}
.from-black\/95 {
  --tw-gradient-from: var(--qc-ljubicasta-tamna) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(9, 6, 15, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-black\/95 {
  --tw-gradient-to: var(--qc-ljubicasta-tamna) var(--tw-gradient-to-position);
}

/* Traka sa slovom u repertoaru. Lepi se uz vrh dok se lista pomera,
   pa mora da bude neprozirna — inače pesme prolaze kroz nju. */
.qc-rep-slovo {
  background: var(--qc-ljubicasta);
}

/* ============================================================
   Stranice koje boju pozadine drže u promenljivoj
   (javna stranica svirke, potvrda termina, kolaž, uređivanje
   pozivnice). Ovde se ta promenljiva prebojava u ljubičastu.

   NE dira se izgled same pozivnice za goste — ona ima svoje
   šablone (zlatna, svetla) koje bira klijent, pa bi joj ovo
   pokvarilo boje. Ne dira se ni interni panel.
   ============================================================ */
:root,
body {
  --bg: var(--qc-ljubicasta);
  --qc-bg: var(--qc-ljubicasta);
}