/* WAY UP · Design B (black-gold + cream) colour layer — approved by ליאור Nov 3 2026, applied Nov 5 2026.
   Dark: top bar, hero (logo/eyebrow/title/lead), locked/CTA boxes, footer. Cream: the calculator and everything you read/work with. */
html{background:#F6F1E7}
body{background:#F6F1E7;background-image:none;color:#1C1A17;color-scheme:light;--bg:#F6F1E7;--bg-2:#FBF8F2;--card:#FFFDF8;--card-2:#FFFDF8;--line:#E3D8C2;--line-gold:#D9C9A3;--gold-hi:#7A5C22;--gold-lo:#BD9A4F;--ink:#1C1A17;--ink-2:#3A372F;--muted:#5A564E}
.top,.foot,.lock,.cta-box{--bg:#0B0B0C;--bg-2:#141416;--card:#151517;--card-2:#1B1B1E;--line:#2C2A26;--line-gold:rgba(201,166,92,.32);--gold-hi:#C9A65C;--gold-lo:#9C7C3A;--ink:#F3EFE6;--ink-2:#D8D2C6;--muted:#B3ADA2;color:var(--ink)}
.top{background:#0B0B0C;border-bottom:1px solid rgba(201,166,92,.28)}
.foot{background:#0B0B0C;border-top:1px solid rgba(201,166,92,.28)}
/* full-bleed dark hero band behind the first block of main (no markup change) */
main{padding-top:0}
main > .hero-logo,main > .eyebrow,main > h1,main > .lead{--bg:#0B0B0C;--bg-2:#141416;--card:#151517;--card-2:#1B1B1E;--line:#2C2A26;--line-gold:rgba(201,166,92,.32);--gold-hi:#C9A65C;--gold-lo:#9C7C3A;--ink:#F3EFE6;--ink-2:#D8D2C6;--muted:#B3ADA2;color:var(--ink);background:#0B0B0C;box-shadow:0 0 0 100vmax #0B0B0C;clip-path:inset(0 -100vmax);margin:0}
main > .hero-logo{padding-top:24px;padding-bottom:18px;margin-bottom:0}
main > .hero-logo::after{bottom:8px}
main > .eyebrow{padding-top:10px;padding-bottom:6px}
main > h1{padding-bottom:12px}
main > .lead{padding-bottom:26px;margin-bottom:22px}
main > .lead strong{color:#F3EFE6}
.hl{color:var(--gold-hi)}
/* buttons */
.btn-primary{background:#1C1A17;color:#F6F1E7;box-shadow:none}
.btn-primary:hover{background:#2C2923}
.lock .btn-primary,.cta-box .btn-primary{background:#C9A65C;color:#0B0B0C}
.btn:focus-visible,.back:focus-visible,.link-btn:focus-visible,a:focus-visible,.step:focus-visible,.chip:focus-visible{outline-color:#7A5C22}
.foot a:focus-visible,.lock a:focus-visible,.cta-box a:focus-visible,.top a:focus-visible{outline-color:#C9A65C}
/* calculator card */
.calc{background:#FFFDF8;border:1px solid #E3D8C2;border-top:3px solid #BD9A4F;box-shadow:0 8px 24px rgba(28,26,23,.08)}
.num-wrap{background:#FFFFFF;border-color:#CDBF9F}
.num-wrap:focus-within{border-color:#7A5C22}
.num::placeholder{color:#7A746A}
.step{background:#FFFFFF;border-color:#CDBF9F;color:#1C1A17}
.step:active{background:#F1E8D6}
.chip{background:#FFFFFF;border-color:#CDBF9F;color:#5C4519}
.chip.on{background:#1C1A17;border-color:#1C1A17;color:#E3C987}
.out{border-top-color:#E3D8C2}
.out-empty{border-color:#D9C9A3;color:#5A564E}
.out-error{background:#FDECEA;border-color:#E8A49B}
.out-error p{color:#8F1D14}
.err-icon{background:#B42318}
.res{background:#FFFFFF;border-color:#E3D8C2}
.res-main{background:#FBF5E8;border-color:#D9C9A3}
.res-plain{border-inline-start-color:#BD9A4F}
.res-money{background:#FDF1EF;border-color:#F0C2BB}
.res-money b{color:#B42318}
.story-strong{color:#7A5C22!important}
.example,.quiz-link,.about{background:#FFFDF8;border:1px solid #E3D8C2;box-shadow:0 8px 24px rgba(28,26,23,.05)}
.ex-def{background:#F1E8D6}
.avatar{background:#1C1A17;border-color:#BD9A4F;color:#E3C987}
.disc-box{border-color:#E3D8C2}
.foot .disc-box{border-color:#2C2A26}
/* expenses calculator */
.xrow{background:#FFFFFF;border-color:#E3D8C2}
.xrow.is-on{background:#FBF5E8;border-color:#D9C9A3}
.x-track{background:#D9CFBC;border-color:#BDB09A}
.x-track::after{background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.x-on:checked + .x-track{background:#1C1A17;border-color:#1C1A17}
.x-on:checked + .x-track::after{background:#C9A65C}
.x-on:focus-visible + .x-track{outline-color:#7A5C22}
.x-amt{background:#FFFFFF;border-color:#CDBF9F}
.x-amt:focus-within{border-color:#7A5C22;box-shadow:0 0 0 2px rgba(122,92,34,.25)}
.x-in::placeholder{color:#7A746A}
.x-in:disabled{-webkit-text-fill-color:#5A564E}
.x-total{background:#FBF5E8;border-color:#D9C9A3}
.xb-bar{background:#E8DFCC}
.xb-bar span{background:#BD9A4F}
.lock{background:#141416;border-color:#BD9A4F}
.lock-ic{background:#0B0B0C}
.lock-list li{background:#0B0B0C;border-color:#2C2A26}
/* mimun calculator */
.m-label{background:#FFFFFF;border-color:#CDBF9F;color:#1C1A17}
.m-label:focus{border-color:#7A5C22}
.m-label::placeholder{color:#7A746A}
.m-del{border-color:#CDBF9F;color:#5A564E}
.add-row{border-color:#BD9A4F;color:#5C4519}
input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to left,#BD9A4F var(--p),#E3D8C2 var(--p))}
input[type=range]::-moz-range-track{background:#E3D8C2}
input[type=range]::-webkit-slider-thumb{background:#1C1A17;border-color:#FFFFFF;box-shadow:0 0 0 2px #BD9A4F}
input[type=range]::-moz-range-thumb{background:#1C1A17;border-color:#FFFFFF}
.big{background:#FBF5E8;border-color:#D9C9A3}
.per li{background:#FFFFFF;border-color:#E3D8C2}
.cta-box{background:#141416;border-color:#BD9A4F}