/* =====================================================================
   BANGZER — KLEUREN
   Pas hier de kleuren aan; de live-pagina, chat, cam-tegels, zwevende
   vensters, berichten en profielen volgen automatisch.
   Na wijzigen: ?v= in index.html ophogen (of Ctrl+Shift+R).
   ===================================================================== */
:root {
  /* Accent: knoppen, actieve icons, randen, je eigen chatberichten */
  --bz-accent:        #01ffe7;
  --bz-accent-hover:  #01ffe7;   /* knop bij hover */
  --bz-on-accent:     #03140a;   /* tekst/icon OP een accent-knop (donker bij fel accent) */
  --bz-accent-soft:   #01ffe7;   /* chatnamen, zachte accenttekst */

  /* Achtergronden */
  --bz-bg:            #0b0b12;   /* pagina */
  --bz-bg-2:          #0f0f18;   /* invoervelden, chatgebied */
  --bz-card:          #14141f;   /* panelen, kaarten, kopbalken */
  --bz-card-2:        #1b1b2a;   /* tegels, ontvangen berichten */
  --bz-line:          #23233a;   /* randen en scheidingslijnen */

  /* Tekst */
  --bz-text:          #f2f2f7;   /* gewone tekst */
  --bz-muted:         #9696ab;   /* grijze bijtekst, tijden */
  --bz-placeholder:   #6f6f86;   /* placeholder in invoervelden */

  /* Status */
  --bz-live:          #ef4444;   /* LIVE-bolletje */
}

/* Voorbeelden — haal de commentaartekens weg om te proberen:
:root { --bz-accent: #ff2d7e; --bz-accent-hover: #ff4d93; --bz-on-accent: #fff; --bz-accent-soft: #ff9cc2; }   roze
:root { --bz-accent: #3b82f6; --bz-accent-hover: #2563eb; --bz-on-accent: #fff; --bz-accent-soft: #93c5fd; }   blauw
:root { --bz-accent: #facc15; --bz-accent-hover: #eab308; --bz-on-accent: #1a1400; --bz-accent-soft: #fde68a; } geel
*/