/* Readability contract: pale surfaces have dark text; filled controls have white text. */
body #bn-mastery-root{--muted:#4d605a;--bn-muted:#4d605a;color:#293e39!important}
body #bn-mastery-root :is(.bn-hero-card,.bn-side-card,.bn-panel,.bn-card,.bn-stat,.bn-explorer,.bn-topic,.bn-lab,.bn-q,.bn-chain-box,.bn-sign-display,.bn-answer,.bn-score){color:#293e39!important}
body #bn-mastery-root :is(h1,h2,h3,h4,h5,h6,.bn-hero-title,.bn-title-main,.bn-title-ar,.bn-title,.bn-ar,.bn-sentence){color:#214d43!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
body #bn-mastery-root :is(.bn-hero-desc,.bn-card p,.bn-card li,.bn-section-head p,.bn-topic small,.bn-stat span,.bn-explorer small,.bn-footer-note,.bn-q label){color:#41564f!important;-webkit-text-fill-color:currentColor!important;opacity:1!important}
body #bn-mastery-root .bn-hero-card .bn-hero-title{color:#214d43!important}
body #bn-mastery-root .bn-hero-card .bn-hero-desc{color:#41564f!important}
body #bn-mastery-root :is(.bn-note,.bn-chip,.bn-badge,.bn-level,.bn-table,.bn-answer,.bn-score){color:#34443f!important}
body #bn-mastery-root :is(.bn-note,.bn-chip,.bn-badge,.bn-level,.bn-table,.bn-answer,.bn-score) :is(p,span,strong,b,small,li){color:inherit!important}
body #bn-mastery-root :is(.bn-search,input,select,textarea){background:#fff!important;color:#293e39!important;opacity:1!important}
body #bn-mastery-root input::placeholder{color:#63706b!important;opacity:1!important}
body #bn-mastery-root :is(.bn-tab:not(.on),.bn-color-chip:not(.active),.bn-sign-btn:not(.on),.bn-pill-link.ghost,.bn-home){background:#fff!important;color:#215b4c!important}
body #bn-mastery-root :is(.bn-tab:not(.on),.bn-color-chip:not(.active),.bn-sign-btn:not(.on),.bn-pill-link.ghost,.bn-home) *{color:#215b4c!important;-webkit-text-fill-color:currentColor!important}
body #bn-mastery-root :is(.bn-btn,.bn-tab.on,.bn-color-chip.active,.bn-sign-btn.on,.bn-pill-link.primary,.bn-kicker){background:linear-gradient(120deg,#185b4f,#236747)!important;color:#fff!important;-webkit-text-fill-color:currentColor!important;opacity:1!important}
body #bn-mastery-root :is(.bn-btn,.bn-tab.on,.bn-color-chip.active,.bn-sign-btn.on,.bn-pill-link.primary,.bn-kicker) *{color:#fff!important;-webkit-text-fill-color:currentColor!important}
body #bn-mastery-root button:disabled{background:#e8eeea!important;color:#4d5b54!important;opacity:1!important}
/* Topic surfaces and infographic cards. Keep example-token category colours. */
body .app .reading-shell .lesson-panel{color:#293e39!important}
body .app :is(.lesson-panel,.topic-row,.gloss-card,.ig-node,.ig-rule-panel,.ig-summary-card) :is(h1,h2,h3,h4,h5,h6){color:#293e39!important;-webkit-text-fill-color:currentColor!important}
body .app .reading-shell :is(.ig-node,.ig-rule-panel,.ig-summary-card,.ig-comparison,.ig-example,.note,.flash,.vn-tip,.vn-more){color:#30463e!important}
body .app .reading-shell :is(.ig-node,.ig-rule-panel,.ig-summary-card,.ig-comparison,.ig-example,.note,.flash,.vn-tip,.vn-more) .bi>[lang]{color:inherit!important;-webkit-text-fill-color:currentColor!important}
body .app .reading-shell :is(.ig-node-trigger,.ig-node-trigger .bi>[lang]){color:#30463e!important}
body .app :is(.lesson-panel,.lesson-footer,.actions,.login-dialog,.jr-dialog) .btn:not(.light){background:#21674f!important;color:#fff!important}
body .app :is(.lesson-panel,.lesson-footer,.actions,.login-dialog,.jr-dialog) .btn:not(.light) *{color:#fff!important;-webkit-text-fill-color:currentColor!important}
body .app :is(.lesson-panel,.lesson-footer,.actions,.login-dialog,.jr-dialog) .btn.light{background:#fff!important;color:#215b4c!important;border-color:#b2c7be!important}
body .app :is(.lesson-panel,.lesson-footer,.actions,.login-dialog,.jr-dialog) .btn.light *{color:#215b4c!important;-webkit-text-fill-color:currentColor!important}
body .app .reading-shell .step-track button:not(.current){background:#f6f5f8!important;color:#434359!important;opacity:1!important}
body .app .reading-shell .step-track button:not(.current) *{color:#434359!important}
body .app .reading-shell .step-track button.current{background:var(--step,#7544aa)!important;color:#fff!important;opacity:1!important}
body .app .reading-shell .step-track button.current *{color:#fff!important;-webkit-text-fill-color:currentColor!important}
body .app .reading-shell .option{background:#fff!important;color:#293e39!important}
body .app .reading-shell .option *{color:inherit!important}
body .app .reading-shell :is(.option.correct,.feedback.success){background:#def2e6!important;color:#20523e!important}
body .app .reading-shell :is(.option.wrong,.feedback.retry){background:#fff0d6!important;color:#714b10!important}
body .app .reading-shell :is(.option.correct,.feedback.success,.option.wrong,.feedback.retry) *{color:inherit!important}
body .app :is(.login-dialog,.jr-dialog){color:#293e39!important}
body .app :is(.login-dialog,.jr-dialog) :is(h2,p,label,.login-hint,.text-btn,.jr-close){color:#304d43!important}
body .app :is(.login-dialog,.jr-dialog) input{background:#fff!important;color:#293e39!important}
body .app :is(.lesson-panel,.lesson-footer,.actions) button:disabled{background:#e8eeea!important;color:#4d5b54!important;opacity:1!important}
body .app :is(.lesson-panel,.lesson-footer,.actions) button:disabled *{color:#4d5b54!important}
/* Retain the dark homepage / light lettering pairing. */
body .app .journey-hero .hero-copy #baitunnahwi-title{color:#fff!important;-webkit-text-fill-color:currentColor!important}
body .app .journey-hero .hero-copy .hero-summary,body .app .journey-hero .hero-copy .hero-summary *{color:#edf7f3!important}