/* 🌸 LENTE THEMA */
:root{
  --l-bg:#c4efd4;
  --l-green:#72c47f;
  --l-pink:#ffb7d5;
  --l-white:#fffefa;
}

body{
  background: var(--l-bg) url('/assets/img/lente-background.jpg') center/cover no-repeat fixed;
  color:#2f3f2f;
}

.site-header{
  background:#7bd89d;
  border-bottom:3px solid var(--l-pink);
}
nav a{ color:#2f3f2f; font-weight:600; }
nav a:hover{ text-shadow:0 0 10px var(--l-pink); }

.hero{
  background: radial-gradient(circle, #9ff0b4, #7bd89d);
  color:#2f3f2f;
  text-shadow:0 0 12px rgba(255,183,213,0.6);
}

.btn-listen{
  background:var(--l-pink);
  color:#2f3f2f;
  box-shadow:0 0 12px rgba(255,183,213,.9);
}
.btn-listen:hover{
  box-shadow:0 0 24px rgba(255,183,213,1);
}

.section{ background: rgba(255,255,255,0.7); }
.section.alt{ background: rgba(255,255,255,0.85); }

.site-footer{
  background:#7bd89d;
  color:#2f3f2f;
}

/* Bloesem blaadjes */
body::after{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  background-image:url('/assets/img/bloesem.png');
  background-size:200px;
  animation:bloesemFall 30s linear infinite;
  opacity:.18;
}
@keyframes bloesemFall{
  from{ background-position:0 -800px; }
  to{ background-position:0 1200px; }
}