/* Bizu — LIGHT theme (default). Color psychology for conversion:
   white/very light surfaces = trust at payment · pink→coral CTA gradient = desire + urgency (most salient element)
   gold/amber = VIP, coins, offers (exclusivity, value) · green = online/available · neutral dark gray text.
   WCAG AA: body text #26232D on #F7F6FA = 14.3:1, muted #5F5A6B = 6.2:1; CTA white bold ≥19px on #FF2D7A→#EE5524 ≥ 3.5:1 (AA large);
   small-text CTAs use #D1105A→#C2410C (≥ 5:1). The video call screen (#call) stays dark. */
html[data-theme=light]{--cta:linear-gradient(135deg,#FF2D7A,#EE5524);--cta-s:linear-gradient(135deg,#D1105A,#C2410C);--g:var(--cta);--pink:#E8186A;--vio:#7C3AED;
 --bg:#F7F6FA;--glass:#FFFFFF;--line:#E7E3EF;--txt:#26232D;--mut:#5F5A6B;--gold:#F5A400;--gold-bg:#FFF4D6;--gold-line:#F2C35B;--gold-txt:#6B4300;--ok:#15803D;--ok-bg:#E8F8EE;--accent:#C2185B;--accent-bg:#FFE6EF}
html[data-theme=light] body{background:var(--bg);color:var(--txt)}
html[data-theme=light] .bg{background:linear-gradient(180deg,#FFFFFF,#F7F6FA 55%)}html[data-theme=light] .bg i{opacity:.10!important;filter:blur(110px)}
html[data-theme=light] .bg i:nth-child(1){background:#FFB3CE}html[data-theme=light] .bg i:nth-child(2){background:#FFC9A8}html[data-theme=light] .bg i:nth-child(3){background:#E9D5FF}
html[data-theme=light] .glass{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 2px rgba(30,20,50,.05),0 8px 24px -12px rgba(30,20,50,.12)}
html[data-theme=light] a:not([class]),html[data-theme=light] .chip.back,html[data-theme=light] .fclear{color:var(--accent)}
html[data-theme=light] .cta{background:var(--cta);font-size:1.2rem;font-weight:800;box-shadow:0 12px 30px -10px #FF2D7Acc,0 2px 6px -2px #EE552466;text-shadow:0 1px 1px #0000002a}
html[data-theme=light] .cta:disabled{opacity:.45;filter:grayscale(1)}
html[data-theme=light] .cta.ghost{background:#fff;border:1.5px solid var(--accent);color:var(--accent);text-shadow:none;font-size:1.05rem}
html[data-theme=light] .field{background:#fff;border-color:#DCD7E5;color:var(--txt)}html[data-theme=light] .field:focus{border-color:var(--pink);box-shadow:0 0 0 3px #FF2D7A22}
html[data-theme=light] .err,html[data-theme=light] .red,html[data-theme=light] .chip.red{color:#B91C1C}html[data-theme=light] .chip.red{border-color:#FCA5A5}
html[data-theme=light] .chip.green,html[data-theme=light] .green{color:var(--ok)}html[data-theme=light] .chip.green{border-color:#86D9A5}
/* gate + landing */
html[data-theme=light] .badge18{color:var(--accent);box-shadow:0 0 0 4px #FF2D7A14}
html[data-theme=light] .check{background:#fff;color:var(--txt)}html[data-theme=light] .check:has(input:checked){border-color:var(--pink);background:#FFF7FA}html[data-theme=light] .box{border-color:#C2185B}
html[data-theme=light] .online{background:var(--ok-bg);border-color:#86D9A5;color:#166534}
html[data-theme=light] .tabs{background:#EFEDF4}html[data-theme=light] .tab.on{background:#fff;color:var(--accent);box-shadow:0 1px 4px #0001}
html[data-theme=light] .roles input:checked+span{color:var(--accent);background:var(--accent-bg)}
html[data-theme=light] .upload{color:#6B21A8;border-color:#C4B5FD}html[data-theme=light] .welcome{color:var(--accent)}
html[data-theme=light] .club h2{color:var(--accent)}html[data-theme=light] .feat p{color:var(--mut)}
html[data-theme=light] .infolinks a{color:var(--mut);border-bottom-color:#CFC9DA}html[data-theme=light] .infolinks a:hover{color:var(--txt)}
html[data-theme=light] .langsel{background:#fff;border-color:#DCD7E5;color:var(--txt)}
/* shell */
html[data-theme=light] .appbar{background:#ffffffee;box-shadow:0 1px 0 var(--line)}
html[data-theme=light] .tabbar{background:#fff;box-shadow:0 10px 30px -10px rgba(30,20,50,.25)}html[data-theme=light] .tabbar a.on{color:var(--accent);background:var(--accent-bg)}
html[data-theme=light] .credits{background:var(--gold-bg);border-color:var(--gold-line);color:var(--gold-txt)}
html[data-theme=light] .tags span{background:#F3E8FF;color:#6B21A8}
html[data-theme=light] .pricebig b,html[data-theme=light] .refcode{background:var(--cta-s);-webkit-background-clip:text;background-clip:text}
/* wallet / packs / offers (gold = value) */
html[data-theme=light] .balance{background:linear-gradient(135deg,#FFF6DC,#FFE6EF);border-color:var(--gold-line)}
html[data-theme=light] .testmode{color:var(--gold-txt);background:var(--gold-bg);border-color:var(--gold-line)}
html[data-theme=light] .firstbuy{background:linear-gradient(135deg,#FFF1C7,#FFE1EC);border-color:var(--gold-line);color:#4A3200}
html[data-theme=light] .pack .pn{color:#6B21A8}html[data-theme=light] .pack .bon{color:var(--ok)}
html[data-theme=light] .pack span{background:var(--cta-s);color:#fff;font-size:.95rem}
html[data-theme=light] .pack.best,html[data-theme=light] .pack.pop{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 12px 30px -14px #F5A400}
html[data-theme=light] .vipbanner{background:linear-gradient(135deg,#FFF3CC,#FFE08A);border-color:var(--gold-line);color:#4A3200}html[data-theme=light] .vipbanner span:nth-child(2){color:#5C4100}
html[data-theme=light] .vipcard ul{color:var(--txt)}html[data-theme=light] .vipcard.gold{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 16px 36px -18px #F5A400}
html[data-theme=light] .vipcard.silver{border-color:#CBD5E1}html[data-theme=light] .vipcard.black{background:linear-gradient(160deg,#1F1B24,#0F0B14);color:#fff;border-color:var(--gold)}html[data-theme=light] .vipcard.black ul{color:#EDE7F3}html[data-theme=light] .vipcard.black .muted{color:#C9C2D3}
html[data-theme=light] .tier.bronze{background:#FDE7D3;color:#9A3412}html[data-theme=light] .tier.silver{background:#E5E7EB;color:#374151}html[data-theme=light] .tier.gold{background:#FEF3C7;color:#92400E}
html[data-theme=light] .kyc.pending,html[data-theme=light] .progress{color:#92400E}html[data-theme=light] .kyc.approved{color:var(--ok)}html[data-theme=light] .kyc.rejected{color:#B91C1C}
html[data-theme=light] .cb b{color:var(--ok)}html[data-theme=light] .bar{background:#EEE9F5}
html[data-theme=light] .sd{background:#fff}html[data-theme=light] .sd:last-child b{color:#B45309}html[data-theme=light] .sd.done{background:var(--ok-bg);border-color:#86D9A5}
html[data-theme=light] .rules{color:var(--txt)}html[data-theme=light] .tiers span{background:#F3F1F7}html[data-theme=light] .tiers span.cur{background:var(--accent-bg);color:var(--accent)}
html[data-theme=light] .stars button{color:#D4D0DC}html[data-theme=light] .stars button.on{color:var(--gold)}
/* availability = green */
html[data-theme=light] .banner.on{background:var(--ok-bg);border-color:#86D9A5;color:#166534}html[data-theme=light] .banner.off{background:#F3F1F7}
html[data-theme=light] .switch,html[data-theme=light] .tog span{background:#CFCAD8}html[data-theme=light] .switch.on{background:#16A34A}
html[data-theme=light] .sbhint{color:#1D4ED8}html[data-theme=light] .matchcard.is-on{border-color:var(--gold-line)}
html[data-theme=light] .mitem.add{color:#6B21A8;background:#FAF5FF}html[data-theme=light] .secret{background:#F1EFF5}
/* filters, chat, inbox */
html[data-theme=light] .flbl{color:var(--mut)}html[data-theme=light] .fchip,html[data-theme=light] .fmore,html[data-theme=light] .fcountry{background:#fff;color:#3D3946}
html[data-theme=light] .fchip.on{background:#C2185B;color:#fff}html[data-theme=light] .fclear{color:var(--accent)}
html[data-theme=light] .thread.unread b{color:var(--txt)}html[data-theme=light] .cmenu button,html[data-theme=light] .cform input,html[data-theme=light] .toastact .x{color:var(--txt)}
html[data-theme=light] .cm.me{background:linear-gradient(135deg,#D1105A,#9333EA);color:#fff}html[data-theme=light] .cm.them{background:#EEEAF4}html[data-theme=light] .cm.inv{background:var(--gold-bg);border-color:var(--gold-line)}
html[data-theme=light] .cchip{background:var(--accent-bg);border-color:#F9A8C9}html[data-theme=light] .price.big{color:var(--accent)}
/* sheets, toast, tour, docs */
html[data-theme=light] .panel{background:#fff}html[data-theme=light] .sheet{background:#1a142680}html[data-theme=light] .reasons button{background:#F7F6FA}
html[data-theme=light] #toast{background:#26232D;color:#fff;border-color:#26232D}
html[data-theme=light] .tour-tip{background:#fff;color:var(--txt);box-shadow:0 20px 50px #0003}html[data-theme=light] #tourOv.center{background:#1a142699}
html[data-theme=light] .doc h3{color:var(--accent)}html[data-theme=light] .doc p{color:#3D3946}
html[data-theme=light] .kb small{color:var(--mut);opacity:1}
/* the video call stays dark for contrast */
html[data-theme=light] #call{--bg:#09040f;--glass:rgba(255,255,255,.06);--line:rgba(255,255,255,.12);--txt:#f5eefc;--mut:#bfaed6;--g:linear-gradient(135deg,#FF2D7A,#EE5524);color:#f5eefc;color-scheme:dark}
html[data-theme=light] #call .glass{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:none}
html[data-theme=light] #call .cta{font-size:1.05rem}
html[data-theme=light] .st{background:#EFEDF4;color:#3D3946}html[data-theme=light] .mcard .st{background:#000a;color:#fff}
html[data-theme=light] #bellN,html[data-theme=light] .ub{background:#C2185B}
html[data-theme=light] .st.on{background:#15803D;color:#fff}html[data-theme=light] .st.on i{background:#fff;box-shadow:none}
html[data-theme=light] a.small,html[data-theme=light] a.recruit{color:var(--accent)}
