/* AutoSource, professionele huisstijl: licht, rustig, één amberkleur */
:root,:root[data-theme="licht"]{
 --bg:#FAFAF7;--surface:#FFFFFF;--surface-raised:#FFFFFF;--border:#E4E1D9;
 --text-primary:#16181C;--text-muted:#5A5F68;--accent:#B87300;--accent-dim:#FBEFD3;
 --accent-ink:#8A5A00;--sticker:#FFFFFF;--sticker-ink:#16181C;--signal:#C2410C;
 --success:#1F7A45;--warning:#B45309;--danger:#B42318;
 --font-display:'Geist','Noto Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif;
 --font-body:'Geist','Noto Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif;
 --font-mono:'Geist Mono',ui-monospace,'SF Mono',monospace;
 --f-display:var(--font-display);--f-body:var(--font-body);--f-mono:var(--font-mono);
 --shadow-card:0 1px 2px rgba(22,24,28,.05);--shadow-card-hover:0 2px 8px rgba(22,24,28,.08);--shadow-btn:none;
 --radius-sm:8px;--radius-md:12px;--radius-lg:14px;color-scheme:light}
html,body{background:var(--bg)!important;background-image:none!important;color:var(--text-primary)}
body{letter-spacing:normal!important}
h1,h2,h3,h4,.section-head h2,.why-box h2,.final-cta h2,.hero h1,.auth-card h1{font-family:var(--font-display)!important;text-transform:none!important;font-weight:600!important;letter-spacing:-0.02em!important;text-wrap:balance}
.hero h1,h1{line-height:1.08!important}
.section-eyebrow,.eyebrow,.step-num,.hero-eyebrow{font-family:var(--font-body)!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:600!important;color:var(--accent-ink)!important}
.trust-stat-getal,.price-amount,.preview-stat-num{color:var(--text-primary)!important;font-family:var(--font-mono)!important;font-weight:500!important}
.btn-primary,.nav-cta{background:var(--ink)!important;color:#FFFFFF!important;box-shadow:none!important;transform:none!important;filter:none!important;border-radius:10px!important}
.btn-primary:hover,.nav-cta:hover{background:#2A2E35!important}
.nav,.topbar{background:rgba(250,250,247,.92)!important}
.price-card.vip{background:var(--surface)!important;border:2px solid var(--text-primary)!important}
.sticker,.preview-window,.panel,.price-card,.auth-card{box-shadow:var(--shadow-card)!important}
a{color:inherit}
.hero h1 .accent-line{color:var(--accent-ink)!important}
.pain-card,.preview-notif{border-left:1px solid var(--border)!important;border-right:1px solid var(--border)!important}
.preview-window,.sticker{box-shadow:0 1px 2px rgba(22,24,28,.06),0 8px 24px -12px rgba(22,24,28,.12)!important}

:root{--ink:#0E1014;--soft:#F3F2EE}
/* andere pagina's */
.topbar{border-bottom:1px solid rgba(14,16,20,.06)!important}
.panel,.auth-card{border-radius:16px!important;border:1px solid var(--border)!important;box-shadow:none!important}
.app-main h1{font-size:clamp(32px,4vw,48px)!important;letter-spacing:-0.035em!important}
.panel h2{letter-spacing:-0.02em!important}
input,select,textarea{border-radius:10px!important}

.btn-primary{background:var(--ink)!important;color:#FFFFFF!important;border-radius:999px!important}
.btn-primary:hover{background:#2A2E35!important}
.theme-toggle{display:none!important}
.plan-badge{background:var(--ink)!important;color:#FFFFFF!important}
.plan-badge{display:inline-block!important;width:auto!important;justify-self:start;align-self:flex-start}
