/* خودکار از tools/gen_light.py ساخته شده؛ دستی ویرایش نکنید */
/* theme.css */
html[data-mode=light] .card{background:linear-gradient(160deg,#e4e4eb,#ebebf1)}
html[data-mode=light] .btn{color:#e0dff0}
html[data-mode=light] .btn.gold{color:#e0dff0}
html[data-mode=light] aside .foot .btn.gold{color:#e0dff0}
html[data-mode=light] input,html[data-mode=light] select,html[data-mode=light] textarea{background:#eeeef4}
html[data-mode=light] .chip{background:#e8e8ef}
html[data-mode=light] .chip.on{color:#e0dff0}
html[data-mode=light] .wcard{background:radial-gradient(260px 200px at 90% 0,color-mix(in srgb,var(--a1) 45%,transparent),transparent),linear-gradient(160deg,#c6c5e1,#e3e3ef);border-color:#a8a7c6}
html[data-mode=light] .tile{background:#e8e8ef}
html[data-mode=light] .tx{background:#e8e8ef}
html[data-mode=light] .chip-bal{background:#e4e4eb}
html[data-mode=light] .c1{background:#265940}
html[data-mode=light] details{background:#e4e4eb}
html[data-mode=light] .toast{background:#dbdbe6}
html[data-mode=light] .av{background:#d8d8e8}
html[data-mode=light] .vp{background:#e2e2e9}
html[data-mode=light] .rbtn{background:#e7e7ee}
html[data-mode=light] .rbtn .bd{color:#0d0d0d}
html[data-mode=light] .pillbtn{background:#e7e7ee}
html[data-mode=light] .pillbtn i{color:#e0dff0}
html[data-mode=light] .pcard{background:radial-gradient(300px 220px at 85% 0,color-mix(in srgb,var(--a1) 40%,transparent),transparent),linear-gradient(160deg,#c1c0df,#e3e2ef);border:1px solid #a8a7c6}
html[data-mode=light] .pcard .av{color:#e0dff0}
html[data-mode=light] .pcard .pu small{color:#2f2f4b}
html[data-mode=light] .pcard .idr{background:#e9e9f2a8;border:1px solid #babad0;color:#2f2f4b}
html[data-mode=light] .pcard .bl small{color:#2f2f4b}
html[data-mode=light] .ring{background:conic-gradient(var(--a2) calc(var(--p)*1%),#babad4 0)}
html[data-mode=light] .ring::before{background:#d9d9ea}
html[data-mode=light] .ring small{color:#2f2f4b}
html[data-mode=light] .inv{background:linear-gradient(135deg,#a5a2cf,#cecce5);border:1px solid #9695be}
html[data-mode=light] .inv p{color:#23233f}
html[data-mode=light] .inv .ib{background:#d6d5e9}
html[data-mode=light] .sc2 a{background:#e8e8ef}
html[data-mode=light] .fnav{background:#e7e7edee;box-shadow:0 14px 40px #19233c38}
html[data-mode=light] .fnav a.on{background:#d0d0e0}
html[data-mode=light] .fnav .fab{color:#e0dff0}
html[data-mode=light] .tg{background:#eeeef4}
html[data-mode=light] .sw{background:#b4b4c2}
html[data-mode=light] .sw::after{background:#0d0d0d}
html[data-mode=light] .mk{color:#e0dff0}
html[data-mode=light] input:-webkit-autofill,html[data-mode=light] input:-webkit-autofill:hover,html[data-mode=light] input:-webkit-autofill:focus,html[data-mode=light] textarea:-webkit-autofill,html[data-mode=light] select:-webkit-autofill{box-shadow:0 0 0 1000px #19233c38 inset!important;caret-color:#0d0d0d}
html[data-mode=light] .who .av{color:#e0dff0}
html[data-mode=light] .vbn{background:linear-gradient(160deg,#edebe6,#e8e8ef)}
/* style.css */
html[data-mode=light] .btn{color:#0d0d0d}
html[data-mode=light] .btn.gold{color:#f5eee0}
html[data-mode=light] aside{background:#e0e4ef}
html[data-mode=light] .st-card{color:#e2e7f1}
html[data-mode=light] .st-card .plus{background:#e2e7f122}
html[data-mode=light] .c1{background:#487536}
html[data-mode=light] .c2{background:#265b70}
html[data-mode=light] .c3{background:#623965}
html[data-mode=light] .wcard{background:radial-gradient(260px 200px at 90% 0,#1f5fbf55,transparent),linear-gradient(160deg,#b4c3e1,#d1d9eb)}
html[data-mode=light] .chip.on{color:#0d0d0d}
html[data-mode=light] .st-card .plus{color:#e2e7f1}
@media(max-width:899px){
html[data-mode=light] .tabbar{background:#e0e4efee}
}
html[data-mode=light] body.lg{background:#0b0b0f;color:#c7cbd3}
html[data-mode=light] .lgback{background:#101013;color:#c7cbd3}
html[data-mode=light] .lgflag{box-shadow:0 1px 4px #19233c1a}
html[data-mode=light] .lgflag i:nth-child(2){background:#0d0d0d}
html[data-mode=light] .lglogo span{background:linear-gradient(160deg,#e8400a,#7f83c6);color:#0d0d0d}
html[data-mode=light] .lgsub{color:#525865}
html[data-mode=light] body.lg input{background:#0d0d0d;border:1px solid #151920;color:#c7cbd3}
html[data-mode=light] .lgbtn{color:#0d0d0d}
html[data-mode=light] .lgsw{color:#525865}
html[data-mode=light] .lgbar{background:#0d0d0d;color:#c7cbd3;box-shadow:0 -4px 20px #19233c08}
html[data-mode=light] .lgcart{border:6px solid #0d0d0d;box-shadow:0 4px 14px #19233c1a}
html[data-mode=light] aside{border-left:1px solid #0d0d0d10}
html[data-mode=light] aside .logo i{color:#0d0d0d}
html[data-mode=light] aside .gbtn{color:#232730}
html[data-mode=light] aside .nav a:hover{background:#0d0d0d08;color:#0d0d0d}
html[data-mode=light] aside .nav a.on{color:#0d0d0d}
html[data-mode=light] aside .nav hr{border-top:1px solid #0d0d0d12}
html[data-mode=light] aside .foot{background:#e1e3e8;border-top:1px solid #0d0d0d0c}
html[data-mode=light] aside .foot .bl{color:#292d37}
html[data-mode=light] aside .foot .bl b{color:#0d0d0d}
html[data-mode=light] aside .foot .btn.gold{color:#f4ecda}
html[data-mode=light] .scrim{background:#f9f9f9aa}
html[data-mode=light] .pghd .x{background:#c6cee3}
@media(max-width:899px){
html[data-mode=light] aside{box-shadow:-10px 0 40px #19233c38}
}
/* polish.css */
html[data-mode=light] .gw input[type=checkbox],html[data-mode=light] .gw input[type=radio]{border:1.5px solid #8583ae;background:#eeeef4}
html[data-mode=light] .gw input[type=checkbox]:checked::after{background:#e0dff0}
html[data-mode=light] .gw input[type=radio]:checked::after{background:#e0dff0}
/* auth.css */
html[data-mode=light] .au .back{background:#e7e7ee}
html[data-mode=light] .au .brand i{color:#0d0d0d}
html[data-mode=light] .gcard{background:linear-gradient(160deg,#e4e4eb,#ebebf1)}
html[data-mode=light] .seg{background:#eeeef4}
html[data-mode=light] .seg button.on{color:#e0dff0}
html[data-mode=light] .fld{background:#eeeef4}
html[data-mode=light] .fld input::placeholder{color:#7d7e90}
html[data-mode=light] .au input:-webkit-autofill{caret-color:#0d0d0d}
html[data-mode=light] .rules li::before{color:#8b8ba4}
html[data-mode=light] .neon{color:#e0dff0}
html[data-mode=light] .neon.load span::after{border:2.5px solid #e0dff055;border-top-color:#e0dff0}
html[data-mode=light] .chk i{border:1.5px solid #8583ae;background:#eeeef4}
html[data-mode=light] .chk input:checked+i::after{background:#e0dff0}
html[data-mode=light] .steps b i{background:#dbdbe6}
html[data-mode=light] .steps b.on i{color:#e0dff0}
html[data-mode=light] .mk{color:#e0dff0;box-shadow:0 4px 14px #19233c20}
html[data-mode=light] .au .fld input:-webkit-autofill,html[data-mode=light] .au .fld input:-webkit-autofill:hover,html[data-mode=light] .au .fld input:-webkit-autofill:focus,html[data-mode=light] .au .fld input:-webkit-autofill:active{box-shadow:0 0 0 1000px #19233c38 inset!important;caret-color:#0d0d0d;background-color:#eeeef4!important}
html[data-mode=light] .au .fld input::selection{color:#0d0d0d}
html[data-mode=light] .fld.cap .cq{background:#d8d8e8}
html[data-mode=light] .fld.cap .cr{background:#dbdbe6}
/* home.css */
html[data-mode=light] .topbn{background:#d5d5e6}
html[data-mode=light] .hh{background:#f1f1f6cc}
html[data-mode=light] .hlogo i{color:#0d0d0d}
html[data-mode=light] .hnav a:hover{background:#d8d8e7}
html[data-mode=light] .hb.ghost{background:#e4e4eb}
html[data-mode=light] .hb.pink,html[data-mode=light] .hb.teal,html[data-mode=light] .hb.white{color:#e0dff0}
html[data-mode=light] .hb.blue{color:#e0dff0}
html[data-mode=light] .hmb{background:#e4e4eb}
html[data-mode=light] .hero{color:#0d0d0d}
html[data-mode=light] .pill{background:#0d0d0d26;border:1px solid #0d0d0d44}
html[data-mode=light] .hfeat span{background:#0d0d0d26}
html[data-mode=light] .qcard{background:linear-gradient(160deg,#d8d8e8,#ebebf2);border:1px solid #aaaac9;box-shadow:0 24px 70px #19233c38}
html[data-mode=light] .steps i{background:#dbdbe6}
html[data-mode=light] .steps li.on i{color:#e0dff0}
html[data-mode=light] .qcard input,html[data-mode=light] .qcard select{background:#f1f1f6}
html[data-mode=light] .qnote{background:#d8d8e7}
html[data-mode=light] .sec.alt{background:#eeeef4}
html[data-mode=light] .sh.inv h2{color:#0d0d0d}
html[data-mode=light] .sbar input{background:#eeeef4}
html[data-mode=light] .stabs button{background:#e8e8ef}
html[data-mode=light] .stabs button.on{color:#e0dff0}
html[data-mode=light] .pc{background:linear-gradient(160deg,#e4e4eb,#ececf2)}
html[data-mode=light] .pc header{background:linear-gradient(90deg,#c6c5e1,transparent)}
html[data-mode=light] .more{background:#ededf3}
html[data-mode=light] .how>div{background:#e7e7ee}
html[data-mode=light] .how i{color:#e0dff0}
html[data-mode=light] .why>div{background:#e7e7ee}
html[data-mode=light] .why span{background:#cecee1}
html[data-mode=light] .faq{background:#e8e8ef}
html[data-mode=light] .hf{background:#f2f2f6;color:#303149}
html[data-mode=light] .hf .hlogo{color:#0d0d0d}
html[data-mode=light] .hf h3{color:#0d0d0d}
html[data-mode=light] .hf a{color:#25213a}
html[data-mode=light] .hf a:hover{color:#0d0d0d}
html[data-mode=light] .copy{border-top:1px solid #0d0d0d14;color:#5b5776}
@media(max-width:900px){
html[data-mode=light] .hnav{background:#ededf3;box-shadow:0 14px 24px #19233c38}
}
html[data-mode=light] .hero .htx p{color:#0d0d0d}
html[data-mode=light] .seals a{background:#0d0d0d}
/* mobile.css */
html[data-mode=light] .chk i,html[data-mode=light] .gw input[type=checkbox]{border:1.5px solid #8583ae}
/* icons.css */
html[data-mode=light] .sc2 a,html[data-mode=light] .inv{border:1.5px solid #9d9dc3!important;background:linear-gradient(160deg,#cccce0,#e2e2ed)!important;box-shadow:0 10px 30px #19233c38,inset 0 0 24px #5b50e817}
html[data-mode=light] .chk i,html[data-mode=light] .gw input[type=checkbox]{border:1.8px solid #5c59a5!important}
html[data-mode=light] .chk input:checked+i::after,html[data-mode=light] .gw input[type=checkbox]:checked::after{background:#e0dff0!important}
html[data-mode=light] .gw input[type=radio]{border:1.8px solid #5c59a5!important}
/* neon.css */
html[data-mode=light] .btn,html[data-mode=light] .hb:not(.line),html[data-mode=light] .neon,html[data-mode=light] .chip.on{border:1px solid color-mix(in srgb,var(--a2) 75%,#0d0d0d 12%)!important;box-shadow:0 0 0 1px #ffffff2a inset,0 0 14px var(--glow-a),0 0 36px var(--glow-b),0 8px 22px #19233c38}
html[data-mode=light] .btn::after,html[data-mode=light] .hb:not(.line)::after,html[data-mode=light] .neon::after{background:linear-gradient(110deg,transparent 32%,#0d0d0d66 50%,transparent 68%)}
html[data-mode=light] .fnav .fab{box-shadow:0 0 18px var(--glow-a),0 0 46px var(--glow-b),0 8px 24px #19233c38}
@media(hover:hover){
html[data-mode=light] .btn:hover,html[data-mode=light] .hb:not(.line):hover,html[data-mode=light] .neon:hover{box-shadow:0 0 0 1px #ffffff44 inset,0 0 20px var(--glow-a),0 0 54px var(--glow-a),0 10px 26px #19233c38}
}
html[data-mode=light] .ghostb,html[data-mode=light] .hb.line,html[data-mode=light] .back,html[data-mode=light] .chip:not(.on),html[data-mode=light] .pillbtn{background:color-mix(in srgb,var(--a1) 9%,#ececf3)!important}
html[data-mode=light] ::selection{color:#0d0d0d}
html[data-mode=light] .sc2 a,html[data-mode=light] .inv{background:linear-gradient(160deg,color-mix(in srgb,var(--a1) 15%,#d8d8e8),#e9e9f0)}
/* gateway.css */
html[data-mode=light] .card label.gw{background:color-mix(in srgb,var(--a1) 6%,#eeeef4);border:1.5px solid color-mix(in srgb,var(--a2) 22%,#c7c7d7)}
html[data-mode=light] .gwl{background:#0d0d0d;box-shadow:0 4px 14px #19233c38}
html[data-mode=light] .gwk{border:1.8px solid #5c59a5}
html[data-mode=light] .gwk::after{background:var(--on,#e0dff0)}
html[data-mode=light] .gw:has(input:checked){background:linear-gradient(160deg,color-mix(in srgb,var(--a1) 20%,#d9d9e9),color-mix(in srgb,var(--a1) 6%,#eeeef4))}
/* compact.css */
html[data-mode=light] .acts .pillbtn,html[data-mode=light] .apphd .pillbtn{border:1px solid color-mix(in srgb,var(--a2) 75%,#0d0d0d 12%)!important;box-shadow:0 0 0 1px #ffffff2a inset,0 0 14px var(--glow-a),0 0 34px var(--glow-b),0 6px 18px #19233c38}
html[data-mode=light] .pillbtn::after{background:linear-gradient(110deg,transparent 32%,#0d0d0d66 50%,transparent 68%)}
/* refine.css */
html[data-mode=light] .tg{background:color-mix(in srgb,var(--a1) 5%,var(--card,#eeeef4))}
html[data-mode=light] .sw{background:color-mix(in srgb,var(--mu) 45%,var(--card2,#c7c7d3))}
html[data-mode=light] .sw::after{box-shadow:0 2px 6px #19233c33}
/* --- تنظیم دستی سطوح اصلی در حالت روشن (بعد از تبدیل خودکار) --- */
html[data-mode=light] body{color:var(--tx)}
html[data-mode=light] :is(.card,.tile,.tx,.chip-bal,details,.qcard,.thsh){background:var(--card)}
html[data-mode=light] :is(input,select,textarea){background:var(--card2);color:var(--tx)}
html[data-mode=light] aside{background:var(--side)}
html[data-mode=light] .tg{background:color-mix(in srgb,var(--a1) 5%,var(--card))}
html[data-mode=light] .fnav{background:color-mix(in srgb,var(--card) 92%,transparent)}
html[data-mode=light] :is(h1,h2,h3,b,strong){color:var(--tx)}
html[data-mode=light] .sub,html[data-mode=light] small{color:var(--mu)}

html[data-mode=light] .seals a.sl{background:#fff;box-shadow:0 0 0 1px #0d0d0d1f}