/* Thema blauw — bovenop thema-wit. Gebroken wit papier, zwarte knoppen,
   het Juno-blauw alleen in zachte kleurvlakken en donkere ankers met een blauwe ondertoon. */

:root {
  --zwart: #F5F4F2;          /* papier: gebroken wit */
  --nacht: #EDEBE7;
  --papier-zacht: #FFFFFF;   /* banden worden juist wit: zacht ritme */
  --grijs-donker: #E3E1DC;
  --lucht: linear-gradient(140deg, #DCE8FA 0%, #B7CDF6 38%, #93AAEE 70%, #7E8FE3 100%);
  --lucht-gloed: radial-gradient(60% 70% at 22% 18%, rgba(255,255,255,.75), transparent 62%),
                 radial-gradient(50% 60% at 88% 92%, rgba(70,84,200,.35), transparent 70%);
  --inkt-blauw: #0D1322;     /* donker met blauwe ondertoon */
}

/* kopbalk op gebroken wit */
.kop .kop__balk::before { background: #F5F4F2; }

/* hero-video: zacht kleurvlak in plaats van zwart */
.hero .hero__video {
  --zwart: #F5F4F2; --krijt: #0A0A0A;
  background: var(--lucht-gloed), var(--lucht);
  box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 30px 60px -40px rgba(40, 60, 160, .45);
}
.hero .hero__video::before { opacity: .12; }
.hero .hero__video[data-label]::after { color: rgba(13, 19, 34, .5); }
.hero .hero__play { color: #0D1322; background: rgba(255,255,255,.55); border-color: rgba(255,255,255,.8); }
.hero .hero__play::before { border-color: rgba(255,255,255,.9); }


/* lege fotokaarten in de waaier: lucht */
.boog .boog__kaart .beeld:not(.is-foto) { background: var(--lucht-gloed), var(--lucht); }
.boog .boog__kaart .beeld[data-label]::after { color: rgba(13, 19, 34, .55); }

/* donkere ankers: blauwzwart */
.slot { --slot-kaart: var(--inkt-blauw); }
.slot .slot__schaduw { background:
  linear-gradient(90deg, rgba(13,19,34,.94) 0%, rgba(13,19,34,.7) 30%, rgba(13,19,34,0) 55%),
  radial-gradient(120% 90% at 70% 40%, transparent 60%, rgba(8,12,24,.55) 100%); }
.slot .slot__portret::after { background: linear-gradient(180deg, transparent 62%, rgba(13,19,34,.55) 88%, rgba(13,19,34,.85) 100%); }
.werk .werk__tegel--jij { --vlak: #16203A; --vlak-2: #0B1020; }

/* klein blauw signaal */
:focus-visible { outline-color: var(--juno); }
.reviews.band-licht { background: #F5F4F2; }
.reviews.band-licht .review--licht { background: var(--inkt-blauw); border-color: var(--inkt-blauw); }
.reviews.band-licht .reviews__getal { background: var(--inkt-blauw); }


/* mobiel menu: blauwzwart paneel */
.kop .kop__menu-binnen { background: rgba(13, 19, 34, .96); }

/* footer in dezelfde tint als de pagina: geen harde grijs-wit overgang */
.voet.band-licht { background: #F5F4F2; }