/* Licht thema – laatste stylesheet; verwijder de <link> in index.html om terug te gaan naar donker */
:root{--bg:#f4f6fa;--bg2:#eaeff6;--card:#ffffff;--line:#dce3ee;--tx:#14213d;--mu:#5a6b86;--ac:#1f6bff;--ac2:#0891b2;--ok:#12a36b;--tint:#e8f0ff}
body{background:var(--bg);color:var(--tx)}
.nav{background:rgba(255,255,255,.85)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 1px 12px rgba(20,33,61,.05)}
.logo,.burger{color:var(--tx)}.logo b{color:var(--ac)}
.menu a:hover,.menu a.on{color:var(--ac);background:var(--tint)}
.btn{box-shadow:0 1px 2px rgba(20,33,61,.06)}
.btn-glow{color:#fff;background:linear-gradient(135deg,#2f7bff,#1558d6);box-shadow:0 6px 20px rgba(31,107,255,.3)}
.btn-glow:hover{box-shadow:0 8px 28px rgba(31,107,255,.45)}
.hero{background:radial-gradient(1000px 520px at 78% 38%,#d6e6ff 0%,transparent 62%),radial-gradient(700px 400px at 5% 90%,#e0f4fb 0%,transparent 60%),var(--bg)}
.grid-bg{background-image:linear-gradient(rgba(31,107,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(31,107,255,.09) 1px,transparent 1px)}
.orb{opacity:.28}
.scene svg{filter:drop-shadow(0 12px 30px rgba(31,107,255,.2))}
.step.on{color:var(--tx)}
.hero p,.svc p{color:var(--mu)}
.svc{background:var(--card);box-shadow:0 2px 14px rgba(20,33,61,.05)}
.svc:hover{box-shadow:0 16px 40px rgba(31,107,255,.14)}
.svc .ic{background:var(--tint)}
.cta{background:linear-gradient(120deg,#1f6bff,#1558d6 60%,#0b8fb0);color:#fff;border:0}.cta p{color:#e3eeff}
.filters,.side,.spec,.desc,.keyfacts,.panel,.car,.mbox,.cc-box{box-shadow:0 2px 16px rgba(20,33,61,.06)}
.filters{border-color:#ccd7e8;box-shadow:0 4px 20px rgba(20,33,61,.08)}
.filters h3{border-bottom-color:#ccd7e8}
.filters .btn{background:#fff;border-color:#c3cfe2;color:#3c4c6b}
.filters .btn:hover{border-color:var(--ac);color:var(--ac);background:var(--tint)}
.btn{border-color:#c3cfe2;box-shadow:0 1px 3px rgba(20,33,61,.08)}
.btn:hover{border-color:var(--ac);color:var(--ac);background:var(--tint)}
.btn-glow,.btn-glow:hover{color:#fff;border:0;background:linear-gradient(135deg,var(--ac),#1a5fe0)}
.nav-cta{background:var(--ac);border-color:var(--ac);color:#fff;box-shadow:0 2px 10px rgba(31,107,255,.3)}
.nav-cta:hover{background:#1558d6;border-color:#1558d6;color:#fff}
.panel,.vcard{border-color:#ccd7e8}
.panel{box-shadow:0 6px 28px rgba(20,33,61,.08)}
.wsteps div{background:#fff;border-color:#ccd7e8;color:#6b7b96}
.wsteps .on{background:var(--tint);border-color:var(--ac);color:var(--ac)}
.wsteps .ok{border-color:#9fd9c1;background:#f0fbf6;color:var(--ok)}
.type,.day,.slot,.captcha{background:#fff;border-color:#c3cfe2}
.type:hover,.day:hover,.slot:hover{border-color:var(--ac)}
.slot-legend .off{background:#eef2f8;border-color:#c3cfe2;opacity:1}
.car{border-color:#dbe3f0}
.car img{background:#e9eef6}
.cc-box{background:rgba(255,255,255,.97)!important}
.car:hover{box-shadow:0 14px 36px rgba(31,107,255,.16)}
.price,.adnr b,.footer b,.back:hover,.flink:hover{color:var(--tx)}
.desc,.opts li{color:#33425e}
.tag{background:rgba(18,163,107,.12);color:var(--ok)}
.carousel{background:#e5eaf2}
.cbtn,.counter{background:rgba(255,255,255,.85);color:var(--tx)}.cbtn:hover{background:var(--ac);color:#fff}
.thumbs img.on,.thumbs img:hover{border-color:var(--ac)}
.seg button.on,.tabs .on,.day.on,.slot.on{color:#fff}
.type.on{background:var(--tint);box-shadow:0 0 0 3px rgba(31,107,255,.12)}
.wsteps .on{background:var(--tint);color:var(--ac)}
.slot.on{background:linear-gradient(135deg,#2f7bff,#1558d6)}
.day.on small{color:#fff}
.note{background:#e6f7fb;border-color:#b6e4ef;color:#0b5f75}
.msg.err{background:#fde8e8;color:#b42318}.msg.ok{background:#e3f7ee;color:#0b7a4f}.msg.warn{background:#fff4e0;color:#9a5b00}
.modal,.lightbox{background:rgba(20,33,61,.55)}
.mx{background:var(--bg2);color:var(--tx)}
.lightbox button{background:rgba(255,255,255,.2)}
.footer{background:#fff;border-top:1px solid var(--line)}
.vcard{background:var(--bg2)}
select,input,textarea{background:#fff;border-color:#c3cfe2;box-shadow:inset 0 1px 2px rgba(20,33,61,.06)}
select:hover,input:hover,textarea:hover{border-color:#9fb1cc}
select::placeholder,input::placeholder,textarea::placeholder{color:#8a99b3}
.fgroup label,.f label{color:#3c4c6b}
.plate input{background:#f7c600}
.topbanner{color:#fff}
.ph,.imgw{background:var(--bg2)}
.scene svg [fill="#0d1a38"],.scene svg [fill="#0e1830"],.scene svg [fill="#0b1a3a"]{fill:#fff}
.scene svg [fill="#10224a"]{fill:#e8f0ff}
.scene svg [fill="#0a0f1a"]{fill:#2a3550}
.scene svg [fill="#e8eefb"]{fill:#14213d}
.scene svg [fill="#1b3a7a"]{fill:#9db8ea}
.scene svg [stroke="#1e2b4a"]{stroke:#c3cfe4}
.scene svg [fill="#0b1426"]{fill:#dbe7ff}
.scene svg [stroke="#bff3ff"]{stroke:#38bdf8}