@media (prefers-color-scheme: dark){
  :root{
    --bg:#0f1726;
    --card:#172235;
    --line:#31415c;
    --ink:#e8eef8;
    --txt:#e8eef8;
    --muted:#a9b7cc;
    --navy:#7aa7ff;
    --dark:#dbe8ff;
    --shadow:0 18px 42px rgba(0,0,0,.34);
  }
  html{color-scheme:light dark;background:#0f1726}
  body{background:#0f1726!important;color:#e8eef8}
  body:before{background:linear-gradient(180deg,#121c2d 0%,#0f1726 100%)}
  a{color:#9fc0ff}
  .header,.nav,.top,.footer,.footer .container,.footer-inner{background:rgba(18,28,45,.94)!important;border-color:#31415c!important;color:#dbe8ff!important}
  .topbar{background:#101a2b!important;color:#dbe8ff!important}
  .brand,.brand span,.brand b,.brand small,.back,.footer a{color:#dbe8ff!important}
  .hero,.hero-intro,.route-board,.route,.card,.panel,.panel-clean,.calc-wrap,.quick,.benefit,.steps,.step,.tile,.login-card,.wrap>.card,.appPanel,.appStat,.phoneMock,.phoneScreen,.feature,.channelItem,.bagItem,.plain,.street,.streetLinks a,.contactCard,.sitePreviewCard,.q,.review-card,.review-section,.party-card{
    background:#172235!important;
    border-color:#31415c!important;
    color:#e8eef8!important;
    box-shadow:var(--shadow)!important;
  }
  .auth-sheet,.auth-card,.auth-code,.login-box,.account-card,.portal-group{
    background:rgba(23,34,53,.96)!important;
    border-color:#31415c!important;
    color:#e8eef8!important;
    box-shadow:var(--shadow)!important;
  }
  .route.visual-sale,.route.visual-buy,.route.visual-mortgage,.calc-field,.scenario-row,.appChecklist div,.miniRow,.miniStats div,.modebtn,.footer-compact,.quicklinks .quick{
    background:#121c2d!important;
    border-color:#31415c!important;
    color:#e8eef8!important;
  }
  h1,h2,h3,h4,.hero h1,.route h2,.card h2,.card h3,.panel h3,.step b,.tile b,.feature b,.bagItem b,.quick b,.footer strong,label,.title{
    color:#dbe8ff!important;
  }
  .auth-brand strong,.auth-card h2,.auth-code summary,.auth-submit,.auth-link{color:#dbe8ff!important}
  p,.hero p,.route p,.card p,.step p,.benefit p,.muted,.small,.fineprint,.quick span,.route-note,.footer p,.footer-meta,.heroIntro,.lead,.sub,.hint,.helper-note,.auth-form label,.auth-check,.auth-divider,.auth-link{
    color:#a9b7cc!important;
  }
  .auth-link{background:#111a2a!important;border-color:#40516f!important}
  body.login-screen .auth-form input,body.login-screen .auth-code input{
    background:#111a2a!important;
    color:#f2f6ff!important;
    border-color:#40516f!important;
  }
  .auth-social .btn.google{background:#111a2a!important;color:#f2f6ff!important;border-color:#40516f!important}
  .auth-social .btn.apple{background:#0a0f1a!important;color:#fff!important}
  .eyebrow,.pill,.nav-rate,.phoneChip,.appTabs span,.taxSwitch,.lwm-captcha{
    background:#111a2a!important;
    border-color:#31415c!important;
    color:#b9d3ff!important;
  }
  input,select,textarea,button,input[type="text"],input[type="email"],input[type="password"],input[type="number"],.step-select{
    background:#111a2a;
    color:#f2f6ff;
    border-color:#40516f;
  }
  input::placeholder,textarea::placeholder{color:#7f8ea5}
  input:focus,select:focus,textarea:focus{
    border-color:#8fb4ff!important;
    box-shadow:0 0 0 4px rgba(122,167,255,.20)!important;
    outline:none;
  }
  table,.qtable{background:#111a2a!important;color:#e8eef8!important;border-color:#31415c!important}
  th,.qtable th{background:#1e2d46!important;color:#dbe8ff!important;border-color:#435472!important}
  td,.qtable td{border-color:#40516f!important}
  .qtable td:nth-child(2),.qtable td:nth-child(3),.qtable td:nth-child(4){background:#141f31!important}
  .btn.light,.btn.secondary,.back,.nav a,.modebtn,.quick a{
    background:#111a2a!important;
    color:#dbe8ff!important;
    border-color:#40516f!important;
  }
  .btn.primary,.btn.dark,.route-cta,.start-btn,.mid-apply,.submit-wrap .btn,.result-main .btn.secondary{
    color:#fff!important;
  }
  .route-cta{
    background:#eb9300!important;
    border-color:#eb9300!important;
    box-shadow:0 12px 28px rgba(235,147,0,.24)!important;
  }
  .route-cta:hover{background:#d98200!important}
  .notice,.ok,.advice-box,.privacy-note{
    background:#10251d!important;
    border-color:#2c7a57!important;
    color:#c7f6dd!important;
  }
  .warn,.warning,.advice-box.warnbox{
    background:#2f2112!important;
    border-color:#8b5b1b!important;
    color:#ffe1af!important;
  }
  .err,.badbox,.advice-box.badbox,.form-error-summary,.error-inline,.form-error-banner{
    background:#35151b!important;
    border-color:#ff7b72!important;
    color:#ffe4e4!important;
  }
  .signature-pad,.signature-pad-wrap canvas{background:#fff!important;color:#111!important}
  img.logo,.logo img,.brand img,.hero-logo{filter:none}
  .lwm-chat-panel,.lwm-chat-status,.lwm-chat-messages,.lwm-quick,.lwm-chat-input,.lwm-lead{
    background:#172235!important;
    border-color:#31415c!important;
    color:#e8eef8!important;
  }
  .lwm-msg.bot .lwm-bubble,.lwm-action,.lwm-quick button,.lwm-suggestions{
    background:#111a2a!important;
    border-color:#40516f!important;
    color:#dbe8ff!important;
  }
  .lwm-chat-input textarea,.lwm-lead input,.lwm-lead textarea{background:#111a2a!important;color:#f2f6ff!important;border-color:#40516f!important}
  .mijnlwm-app-back{background:rgba(18,28,45,.94)!important;color:#dbe8ff!important;border-color:#40516f!important}
  #siteHeader.header{background:transparent!important;border:0!important;color:#fff!important}
  #siteHeader .header-inner{background:rgba(18,38,76,.84)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 24px 70px rgba(0,0,0,.34)!important}
  #siteHeader .nav{background:transparent!important;border:0!important;color:#fff!important}
  #siteHeader .nav a:not(.login),#siteHeader .brand,#siteHeader .brand span,#siteHeader .brand small{color:#fff!important}
  #siteHeader .nav .login{background:rgba(255,255,255,.96)!important;color:#eb9300!important;border-color:transparent!important}
  .glass-btn{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.26)!important}
  .menu-card,.search-card{background:rgba(255,255,255,.96)!important;border-color:rgba(255,255,255,.7)!important;color:#10294f!important}
  .menu-card a,.search-card a,.panel-head{color:#173a71!important}
  .menu-card a.menu-dashboard,.menu-card a.menu-dashboard span{color:#eb9300!important}
  .panel-close,.search-card input{background:#fff!important;color:#173a71!important;border-color:#dfe6f0!important}
}

@media print{
  body,.header,.nav,.top,.footer,.card,.panel,.panel-clean,.quick,.benefit,.steps,.step,.tile,.q,.review-card,.party-card,input,select,textarea,table,th,td{
    background:#fff!important;
    color:#111!important;
    border-color:#ddd!important;
    box-shadow:none!important;
  }
}
