/* AutoSource merkgids: Montserrat (titels), Raleway (tekst), navy #10346C, geel #FFD230 */
:root,:root[data-theme="licht"]{
 --navy:#10346C;--navy-donker:#0B2754;--geel:#FFD230;--zand:#EAE6E3;--zwart:#181412;
 --bg:#FFFFFF;--surface:#FFFFFF;--surface-raised:#FFFFFF;--border:#E3DFDB;
 --text-primary:#181412;--text-muted:#5E5955;
 --accent:#10346C;--accent-dim:#FFF3BF;--accent-ink:#10346C;--signal:#10346C;
 --ink:#10346C;--soft:#F4F2F0;
 --font-display:'Montserrat','Noto Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif;
 --font-body:'Raleway','Noto Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif;
 --font-mono:'Montserrat',system-ui,sans-serif}
body{font-family:var(--font-body)!important;font-feature-settings:"lnum" 1}
h1,h2,h3,h4,.section-head h2,.why-box h2,.final-cta h2,.hero h1,.auth-card h1{font-family:var(--font-display)!important;font-weight:700!important;letter-spacing:-0.025em!important;color:var(--zwart)}
.trust-stat-getal,.price-amount,.preview-stat-num,.sticker-price{font-family:var(--font-display)!important;font-weight:700!important;font-variant-numeric:tabular-nums lining-nums}
.section-eyebrow,.eyebrow,.hero-eyebrow{font-family:var(--font-display)!important;color:var(--navy)!important}
/* knoppen: navy, primaire actie geel */
.btn-primary,.nav-cta,.auth-card button[type=submit]{background:var(--navy)!important;color:#fff!important;font-family:var(--font-display)!important;font-weight:600!important}
.btn-primary:hover,.nav-cta:hover,.auth-card button[type=submit]:hover{background:var(--navy-donker)!important}
.hero .btn-primary,.final-cta .btn-primary,.auth-card button[type=submit]{background:var(--geel)!important;color:var(--navy)!important}
.hero .btn-primary:hover,.final-cta .btn-primary:hover,.auth-card button[type=submit]:hover{background:#F5C400!important}
/* accent: gele markeerstift onder het accentwoord */
.hero h1 .accent-line{color:var(--navy)!important;background:linear-gradient(transparent 62%,var(--geel) 62%,var(--geel) 92%,transparent 92%);padding:0 .08em}
.price-badge,.plan-badge{background:var(--geel)!important;color:var(--navy)!important;font-weight:700!important}
.price-card.vip{border:2px solid var(--navy)!important}
/* logo */
.merk-logo{display:block;height:38px;width:auto}
.nav-brand,.topbar-brand{display:flex;align-items:center}
.topbar-brand .merk-logo{height:32px}
footer .merk-logo{height:30px}
.auth-logo{height:72px;width:auto;margin:0 auto 18px;display:block}
/* aanmelden */
.proef-blok{border-color:var(--border)!important;border-top:4px solid var(--geel)!important}
.proef-blok .pb-label{color:var(--navy)!important}
.proef-blok li::before{border-color:var(--navy)!important}
.pb-code code{background:var(--accent-dim)!important;color:var(--navy)!important}
.pb-code button{background:var(--navy)!important;border-color:var(--navy)!important}
.pb-code button.ok{background:#fff!important;color:var(--navy)!important}
a.link-accent,.auth-footnote a{color:var(--navy)!important}
input:focus,select:focus,textarea:focus{border-color:var(--navy)!important;box-shadow:0 0 0 3px rgba(16,52,108,.12)!important;outline:none}
.final-cta{background:var(--navy)!important;color:#fff!important}
.final-cta h2,.final-cta p{color:#fff!important}
.btn-primary,.btn-primary-lg,.nav-cta,button[type=submit],.auth-card button{box-shadow:none!important}
.final-cta .btn-primary-lg{background:var(--geel)!important;color:var(--navy)!important;font-family:var(--font-display)!important;font-weight:700!important}
.final-cta .btn-primary-lg:hover{background:#F5C400!important}
.nav .merk-logo{height:46px}
/* abonnementkeuze */
.plan-naam{font-family:var(--font-display)!important;font-weight:700!important;font-size:15px!important;color:var(--navy)!important}
.plan-prijs{display:block!important;font-family:var(--font-display)!important;font-weight:800!important;font-size:30px!important;color:var(--zwart)!important;letter-spacing:-.03em!important;line-height:1.1!important}
.plan-prijs .plan-per{font-family:var(--font-body)!important;font-size:13.5px!important;font-weight:500!important;color:var(--text-muted)!important;letter-spacing:0!important;margin-left:4px}
.plan-kaart:has(input:checked){border:2px solid var(--navy)!important;box-shadow:0 0 0 4px rgba(16,52,108,.08)!important}
.plan-check{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}
.plan-features li::marker{color:var(--navy)}
.topbar-brand .merk-logo{height:40px}
.plan-prijs .plan-per{display:inline!important}

/* knoppen nooit onderstreept (ook op dashboard en abonnementspagina) */
a.btn,a.btn:hover,.btn{text-decoration:none!important}