/* Lichte kant — gouden uur sfeer */

body.licht {
  background: linear-gradient(180deg, #fff5d6 0%, #f5e2b8 50%, #e6b87a 100%);
  color: var(--tekst);
}

body.licht .topbar {
  background: rgba(255, 245, 220, 0.92);
  border-bottom: 1px solid rgba(168, 117, 58, 0.2);
}

body.licht .topbar h1 { color: var(--licht-3); }
body.licht .quiz-optie { background: white; }
body.licht .quiz-optie:hover { border-color: var(--licht-accent); }

/* Deeltjes in licht (dancing dust motes) */
.deeltjes-licht {
  position: fixed; inset: 0; pointer-events: none;
  z-index: 1;
}
.deeltje {
  position: absolute;
  width: 4px; height: 4px;
  background: rgba(255, 215, 130, 0.6);
  border-radius: 50%;
  animation: zweven 15s linear infinite;
}

@keyframes zweven {
  0%   { transform: translate(0, 100vh) scale(0.5); opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { transform: translate(20vw, -50px) scale(1); opacity: 0; }
}