/* ============================================================================
   WashMahal — DAY MODE
   Loaded on every page; every rule is scoped to html[data-mode="light"], so
   the default cinema-dark design is untouched until the visitor flips the
   sun/moon toggle in the header. The choice persists in localStorage
   ("wm-mode"); ?theme=light / ?theme=dark in the URL also sets it.
   ========================================================================== */

/* ── Tokens ── */
html[data-mode="light"]{
  --bg: #f5f8fc;
  --bg-1: #eef3f9;
  --bg-2: #ffffff;
  --bg-3: #e4ecf6;
  --line: rgba(13,27,49,0.12);
  --line-strong: rgba(13,27,49,0.22);
  --text: #3a4d68;           /* softer slate-navy for headings & body */
  --text-mute: #6b7c93;
  --text-dim: #9aa8bc;
  --accent: #1E5BFF;          /* cyan is unreadable on white — day mode uses the logo blue */
  --accent-dim: #1548cc;
  --gold: #a87a20;
}
html[data-mode="light"] body{background:var(--bg);color:var(--text)}
html[data-mode="light"] ::selection{background:var(--accent);color:#fff}

/* ── Global chrome ── */
html[data-mode="light"] .noise{opacity:0.025;mix-blend-mode:multiply}
html[data-mode="light"] ::-webkit-scrollbar-track{background:#e7edf5}
html[data-mode="light"] ::-webkit-scrollbar-thumb{background:#c3d0e2}
html[data-mode="light"] ::-webkit-scrollbar-thumb:hover{background:#a9bad2}

html[data-mode="light"] .btn-primary{color:#fff}
html[data-mode="light"] .btn-primary:hover{box-shadow:0 0 0 6px rgba(30,91,255,0.16)}
html[data-mode="light"] .btn-ghost{background:#fff;border-color:var(--line-strong)}
html[data-mode="light"] .btn-ghost:hover{background:rgba(30,91,255,0.06);border-color:var(--accent)}
html[data-mode="light"] .pkg-toggle button.active{color:#fff}
html[data-mode="light"] .bw-toggle-btn.is-on{color:#fff}
html[data-mode="light"] .skip-link:focus{color:#fff}

/* Nav — solid light glass. !important so it also beats the inline background
   an older cached site.js may still write on scroll. */
html[data-mode="light"] .nav{
  background:rgba(245,248,252,0.88) !important;
  border-bottom:1px solid var(--line);
}
html[data-mode="light"] .nav.scrolled{background:rgba(255,255,255,0.96) !important;box-shadow:0 8px 30px -12px rgba(13,27,49,.14)}
html[data-mode="light"] .nav-links a:hover{background:rgba(13,27,49,0.05)}
html[data-mode="light"] .nav-links a.active{background:rgba(30,91,255,0.10);color:var(--accent)}
html[data-mode="light"] .mobile-menu{background:var(--bg)}
html[data-mode="light"] .nav-logo-mark{box-shadow:inset 0 0 0 1px rgba(13,27,49,0.14), 0 0 16px rgba(30,91,255,0.25)}

/* Tags, cards, slots */
html[data-mode="light"] .tag{background:#fff;border-color:var(--line);color:var(--text-mute)}
html[data-mode="light"] .tag.gold{color:var(--gold);border-color:rgba(168,122,32,0.35);background:rgba(168,122,32,0.08)}
html[data-mode="light"] .tag.cyan{color:var(--accent);border-color:rgba(30,91,255,0.30);background:rgba(30,91,255,0.07)}
html[data-mode="light"] .card{background:#fff;box-shadow:0 1px 2px rgba(13,27,49,.05),0 4px 14px rgba(13,27,49,.06)}
html[data-mode="light"] .slot{
  background:repeating-linear-gradient(135deg, rgba(30,91,255,0.04) 0 14px, rgba(30,91,255,0.07) 14px 28px), #fff;
  border-color:rgba(30,91,255,0.30);
}
html[data-mode="light"] .marquee{background:#fff}
html[data-mode="light"] .footer{background:var(--bg-1)}
html[data-mode="light"] .footer-mega{-webkit-text-stroke:1px rgba(13,27,49,0.16)}

/* Floating actions + review modal */
html[data-mode="light"] .fa-btn{background:#fff;border-color:var(--line);color:var(--text);box-shadow:0 12px 30px rgba(13,27,49,0.16)}
html[data-mode="light"] .fa-btn .fa-tip{background:#3a4d68;border-color:#3a4d68;color:#fff}
html[data-mode="light"] .fa-wa{background:#1faa54;border-color:#1faa54;color:#fff}
html[data-mode="light"] .review-modal{background:rgba(13,27,49,0.40)}
html[data-mode="light"] .rm-card{background:#fff;border-color:var(--line);box-shadow:0 30px 80px rgba(13,27,49,0.25)}
html[data-mode="light"] .rm-close:hover{color:var(--text);border-color:var(--line-strong)}
html[data-mode="light"] .star-pick button{color:#d5deea}
html[data-mode="light"] .star-pick button:hover,
html[data-mode="light"] .star-pick button.hover,
html[data-mode="light"] .star-pick button.on{color:#f5b301}

/* ── Cinema hero — light stage ── */
html[data-mode="light"] .cinema{background:linear-gradient(180deg,#eaf1fa 0%, #f5f8fc 100%)}
html[data-mode="light"] .cin-bg .cin-glow.g1{background:radial-gradient(circle, rgba(30,91,255,0.12), transparent 70%)}
html[data-mode="light"] .cin-bg .cin-glow.g2{background:radial-gradient(circle, rgba(168,122,32,0.08), transparent 70%)}
html[data-mode="light"] .cin-grid{background:
  linear-gradient(rgba(13,27,49,0.05) 1px, transparent 1px) 0 0 / 100% 80px,
  linear-gradient(90deg, rgba(13,27,49,0.05) 1px, transparent 1px) 0 0 / 80px 100%;
  mask-image:radial-gradient(ellipse at center, #000 0%, transparent 70%);
  -webkit-mask-image:radial-gradient(ellipse at center, #000 0%, transparent 70%)}
html[data-mode="light"] .cin-floor{background:
  linear-gradient(to right, rgba(30,91,255,0.14) 1px, transparent 1px) 0 0 / 80px 100%,
  linear-gradient(to bottom, rgba(30,91,255,0.14) 1px, transparent 1px) 0 0 / 100% 80px}
html[data-mode="light"] #dropletCanvas{opacity:0.25}
html[data-mode="light"] .cin-scene-dot{background:rgba(13,27,49,0.15)}
html[data-mode="light"] .cin-progress{background:rgba(13,27,49,0.12)}
html[data-mode="light"] .cin-list li{color:var(--text-mute)}
html[data-mode="light"] .cin-meter-bar{background:#fff;border-color:var(--line)}
html[data-mode="light"] .hero-pricing{background:#fff;border-color:rgba(30,91,255,0.25)}
html[data-mode="light"] .cc-shadow{background:radial-gradient(ellipse,rgba(13,27,49,0.30),transparent 70%)}
html[data-mode="light"] .cin-water span{
  background:radial-gradient(circle at 30% 30%, rgba(120,180,255,0.95), rgba(30,91,255,0.30) 60%, transparent);
  box-shadow:0 0 12px rgba(30,91,255,0.35)}
html[data-mode="light"] .cc-foam-cover span{box-shadow:0 0 14px rgba(13,27,49,0.12)}

/* ── Home sections ── */
html[data-mode="light"] .proof-num{color:var(--text)}
html[data-mode="light"] .pkg{background:#fff;box-shadow:0 1px 2px rgba(13,27,49,.05),0 4px 14px rgba(13,27,49,.06)}
html[data-mode="light"] .pkg:hover{box-shadow:0 22px 44px -18px rgba(13,27,49,.18)}
html[data-mode="light"] .pkg.featured{background:#fff;border-color:rgba(30,91,255,0.40);box-shadow:0 4px 12px rgba(30,91,255,.08),0 26px 50px -20px rgba(30,91,255,.22)}
html[data-mode="light"] .pkg-list li{color:var(--text-mute)}
html[data-mode="light"] .pkg-toggle{background:#fff}
html[data-mode="light"] .how-step{background:#fff}
html[data-mode="light"] .how-step:hover{background:#fff;border-color:rgba(30,91,255,0.40);box-shadow:0 22px 44px -18px rgba(13,27,49,.16)}
html[data-mode="light"] .gallery{background:var(--bg-1)}
html[data-mode="light"] .ba-nav{background:#fff}
html[data-mode="light"] .ba-nav:hover{background:rgba(30,91,255,0.08)}
html[data-mode="light"] .ba-handle-dot{box-shadow:0 0 0 4px rgba(30,91,255,.20),0 4px 12px rgba(13,27,49,.3)}
html[data-mode="light"] .ba-handle-dot::before,
html[data-mode="light"] .ba-handle-dot::after{border-color:#fff}
html[data-mode="light"] .ba-after .slot{
  background:repeating-linear-gradient(135deg, rgba(168,122,32,0.05) 0 14px, rgba(168,122,32,0.10) 14px 28px), #fdf8ee;
  border-color:rgba(168,122,32,0.3)}
html[data-mode="light"] .testi{background:#fff}
html[data-mode="light"] .testi blockquote{color:var(--text)}
html[data-mode="light"] .eco{background:var(--bg-1)}
html[data-mode="light"] .eco-meter-bar{background:#fff}
html[data-mode="light"] .eco-pill{background:#fff}
html[data-mode="light"] .partners-row .display{color:#9fb0c6}
html[data-mode="light"] .partners-row .display:hover{color:var(--text)}
html[data-mode="light"] .cta-inner{background:linear-gradient(140deg,#0a1a36 0%, #0e2246 100%);border-color:transparent}
html[data-mode="light"] .cta-inner h2,
html[data-mode="light"] .cta-inner .display{color:#fff}
html[data-mode="light"] .cta-inner p{color:#b9c8e2}
html[data-mode="light"] .cta-guarantee{color:#8ba0c2}

/* ── WhatsApp testimonials → real WhatsApp light mode ── */
html[data-mode="light"] .wa-chat{background:#fff;border-color:var(--line);box-shadow:0 8px 24px rgba(13,27,49,0.08)}
html[data-mode="light"] .wa-chat:hover{box-shadow:0 22px 44px -14px rgba(13,27,49,0.18)}
html[data-mode="light"] .wa-head{background:#f0f2f5;border-bottom-color:rgba(13,27,49,0.06)}
html[data-mode="light"] .wa-name{color:#3a4d68}
html[data-mode="light"] .wa-status{color:#667781}
html[data-mode="light"] .wa-head-icons{color:#8696a0}
html[data-mode="light"] .wa-body{background:#efeae2;background-image:none}
html[data-mode="light"] .wa-date{color:#667781;background:#fff;box-shadow:0 1px 1px rgba(13,27,49,.08)}
html[data-mode="light"] .wa-msg{background:#fff;color:#44576f;box-shadow:0 1px 1px rgba(13,27,49,.10)}
html[data-mode="light"] .wa-msg.in{background:#fff}
html[data-mode="light"] .wa-msg p{color:#44576f}
html[data-mode="light"] .wa-msg .wa-time{color:#667781}
html[data-mode="light"] .wa-msg.stars-msg{background:#d9fdd3;border:none}
html[data-mode="light"] .wa-msg .msg-stars{color:#f5b301}
html[data-mode="light"] .wa-rating{background:rgba(168,122,32,0.08);border-color:rgba(168,122,32,0.30)}
html[data-mode="light"] .wa-rating-stars{color:#f5b301}

/* ── Discount → cream & gold voucher ── */
html[data-mode="light"] .discount-card{background:linear-gradient(135deg, #fdf6e9 0%, #f8eed9 100%);border-color:rgba(168,122,32,0.28)}
html[data-mode="light"] .d-shape.s1{background:radial-gradient(circle,rgba(214,164,74,0.26),transparent 70%)}
html[data-mode="light"] .d-shape.s2{background:radial-gradient(circle,rgba(30,91,255,0.10),transparent 70%)}
html[data-mode="light"] .d-shape.s3{background:radial-gradient(circle,rgba(255,225,160,0.35),transparent 70%)}
html[data-mode="light"] .discount-ticket{background:#fff;border-color:rgba(168,122,32,0.40);box-shadow:0 24px 60px -18px rgba(168,122,32,0.35)}
html[data-mode="light"] .ticket-stamp .ts-v{text-shadow:none}
html[data-mode="light"] .ticket-divider::before,
html[data-mode="light"] .ticket-divider::after{background:#faf2e1;border-color:rgba(168,122,32,0.40)}

/* ── Where-we-wash map ── */
html[data-mode="light"] .wherewash{background:var(--bg-1)}
html[data-mode="light"] .ww-map{background:#fff}
html[data-mode="light"] .ww-map-area{background:#f4f8fd}
html[data-mode="light"] .ww-map-area::before{background:
  radial-gradient(circle at 50% 50%, rgba(30,91,255,0.05), transparent 70%),
  linear-gradient(rgba(30,91,255,0.06) 1px, transparent 1px) 0 0 / 100% 50px,
  linear-gradient(90deg, rgba(30,91,255,0.06) 1px, transparent 1px) 0 0 / 50px 100%}
html[data-mode="light"] .ww-rings span{border-color:rgba(30,91,255,0.28)}
html[data-mode="light"] .ww-hq-dot{box-shadow:0 0 0 8px rgba(30,91,255,0.16), 0 6px 16px rgba(30,91,255,0.4)}
html[data-mode="light"] .ww-hq-l{background:#3a4d68;color:#fff}
html[data-mode="light"] .ww-pin > span:first-child{box-shadow:0 0 0 4px rgba(30,91,255,0.16)}
html[data-mode="light"] .ww-pin .t{background:#3a4d68;color:#fff}
html[data-mode="light"] .ww-pin:hover > span:first-child{box-shadow:0 0 0 8px rgba(30,91,255,0.24)}
html[data-mode="light"] .ww-check{background:#fff}
html[data-mode="light"] .ww-check p{color:var(--text-mute)}
html[data-mode="light"] .ww-check input{background:#fff;border-color:var(--line-strong);color:var(--text)}
html[data-mode="light"] .ww-check input:focus{background:#fff;box-shadow:0 0 0 4px rgba(30,91,255,0.12)}
html[data-mode="light"] .ww-result.ok{background:rgba(18,183,106,0.10);border-color:rgba(18,183,106,0.35);color:#0d7a4b}
html[data-mode="light"] .ww-result.no{background:rgba(217,45,32,0.07);border-color:rgba(217,45,32,0.30);color:#d92d20}
html[data-mode="light"] .ww-chip{background:rgba(30,91,255,0.07);border-color:rgba(30,91,255,0.25)}
html[data-mode="light"] .ww-chip:hover{background:var(--accent);color:#fff}

/* ── Blog preview + FAQ ── */
html[data-mode="light"] .bp-feature{background:#fff}
html[data-mode="light"] .bp-feature:hover{box-shadow:0 22px 44px -18px rgba(13,27,49,.18)}
html[data-mode="light"] .bp-feature p{color:var(--text-mute)}
html[data-mode="light"] .bp-feat-img .slot{background:
  repeating-linear-gradient(135deg, rgba(30,91,255,0.04) 0 14px, rgba(30,91,255,0.08) 14px 28px), #eef3f9}
html[data-mode="light"] .bp-feat-tag{background:rgba(255,255,255,0.92);border-color:rgba(30,91,255,0.25)}
html[data-mode="light"] .bp-mini{background:#fff}
html[data-mode="light"] .bp-mini:hover{background:#fff;border-color:var(--accent)}
html[data-mode="light"] .faq-home{background:var(--bg-1)}
html[data-mode="light"] .faq-h-item{background:#fff}
html[data-mode="light"] .faq-h-item[open]{background:#fff;border-color:rgba(30,91,255,0.35)}
html[data-mode="light"] .fh-icon{background:var(--bg-1)}
html[data-mode="light"] .faq-h-item[open] .fh-icon{background:var(--accent);color:#fff}
html[data-mode="light"] .fh-a{color:var(--text-mute)}

/* ── Forms (element-level) ── */
html[data-mode="light"] input[type="text"],
html[data-mode="light"] input[type="email"],
html[data-mode="light"] input[type="tel"],
html[data-mode="light"] input[type="number"],
html[data-mode="light"] input[type="url"],
html[data-mode="light"] input[type="search"],
html[data-mode="light"] input[type="password"],
html[data-mode="light"] input[type="date"],
html[data-mode="light"] input[type="time"],
html[data-mode="light"] input[type="datetime-local"],
html[data-mode="light"] textarea,
html[data-mode="light"] select{
  background:#fff;border-color:var(--line-strong);color:var(--text);
}
html[data-mode="light"] input:focus,
html[data-mode="light"] textarea:focus,
html[data-mode="light"] select:focus{
  border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px rgba(30,91,255,0.14);
}
html[data-mode="light"] input::placeholder,
html[data-mode="light"] textarea::placeholder{color:#94a3b8}
html[data-mode="light"] select{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%230d1b31' stroke-width='1.6' stroke-linecap='round'><path d='M1 1l5 5 5-5'/></svg>")}
html[data-mode="light"] .bg-white, html[data-mode="light"] .bg-surface-soft{background:#fff !important}
html[data-mode="light"] .bg-slate-50, html[data-mode="light"] .bg-slate-100{background:var(--bg-1) !important}
html[data-mode="light"] .field input,
html[data-mode="light"] .field select,
html[data-mode="light"] .field textarea{background:#fff;border-color:var(--line-strong)}
html[data-mode="light"] .error::before,
html[data-mode="light"] .invalid-feedback::before{color:#fff}

/* ── Booking wizard ── */
html[data-mode="light"] .bw-card{background:#fff;box-shadow:0 1px 2px rgba(13,27,49,.05),0 10px 30px rgba(13,27,49,.07)}
html[data-mode="light"] .bw-step-num{background:var(--bg-1);color:var(--text-dim)}
html[data-mode="light"] .bw-step.is-done .bw-step-num,
html[data-mode="light"] .bw-step.is-active .bw-step-num{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-mode="light"] .bw-pick{background:#fff;border-color:var(--line-strong)}
html[data-mode="light"] .bw-pick.is-on{background:rgba(30,91,255,0.06)}
html[data-mode="light"] .bw-err::before{color:#fff}
html[data-mode="light"] .bw-pay{background:var(--bg-1)}
html[data-mode="light"] .bw-file{background:#fff;color:var(--text-mute)}
html[data-mode="light"] .bw-file::file-selector-button{color:#fff}
html[data-mode="light"] .bw-toggle{background:var(--bg-1)}
html[data-mode="light"] .bw-wa{color:#fff}
html[data-mode="light"] .bw-done-mark{background:rgba(18,183,106,0.12);border-color:rgba(18,183,106,0.40)}
html[data-mode="light"] .bw-ok{color:#0d7a4b}

/* ── Blade-scoped components (service cards, coming soon, pages) ── */
html[data-mode="light"] .svc-card-v3{background:#fff;box-shadow:0 1px 2px rgba(13,27,49,.05),0 4px 14px rgba(13,27,49,.06)}
html[data-mode="light"] .svc-card-v3:hover{border-color:rgba(30,91,255,.45);box-shadow:0 22px 44px -18px rgba(13,27,49,.18)}
html[data-mode="light"] .svc-card-v3.featured{background:#fff;border-color:rgba(30,91,255,.45)}
html[data-mode="light"] .svc-card-v3 .tag{background:rgba(30,91,255,.09)}
html[data-mode="light"] .svc-card-v3 .tag.gold{background:rgba(168,122,32,.12)}
html[data-mode="light"] .soon-card{background:#fff}
html[data-mode="light"] .cf-card{background:#fff;box-shadow:0 1px 2px rgba(13,27,49,.05),0 8px 24px rgba(13,27,49,.06)}
html[data-mode="light"] .cch-card{background:#fff}
html[data-mode="light"] .trust-strip{background:var(--bg-1)}
html[data-mode="light"] .ns-success{border-color:rgba(18,183,106,.36);background:rgba(18,183,106,.07)}
html[data-mode="light"] .ts-num{color:#fff;box-shadow:0 0 14px rgba(30,91,255,.30)}
html[data-mode="light"] .bc-img{background:linear-gradient(135deg, rgba(30,91,255,.10), rgba(15,167,206,.07))}
html[data-mode="light"] .site-footer::before{background:radial-gradient(ellipse at center, rgba(30,91,255,.10), transparent 70%)}
html[data-mode="light"] .sf-mega .display{background:linear-gradient(180deg, rgba(13,27,49,.14), transparent);-webkit-background-clip:text;background-clip:text}

/* ── Theme toggle button ── */
.mode-toggle{
  width:42px;height:42px;border-radius:50%;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line-strong);cursor:pointer;
  color:var(--text);background:transparent;transition:all .25s ease;
}
.mode-toggle:hover{border-color:var(--accent);color:var(--accent);transform:rotate(15deg)}
.mode-toggle svg{width:18px;height:18px}
.mode-toggle .ic-sun{display:block}
.mode-toggle .ic-moon{display:none}
html[data-mode="light"] .mode-toggle .ic-sun{display:none}
html[data-mode="light"] .mode-toggle .ic-moon{display:block}
html[data-mode="light"] .mode-toggle{background:#fff}

/* ── Hardcoded light-grey text from the dark theme → readable on white ── */
html[data-mode="light"] p.lead{color:var(--text-mute)}
html[data-mode="light"] .pkg-list li{color:var(--text-mute)}
html[data-mode="light"] .cin-list li{color:var(--text-mute)}
html[data-mode="light"] .testi blockquote{color:var(--text)}
html[data-mode="light"] .bp-feature p{color:var(--text-mute)}
html[data-mode="light"] .footer ul a{color:var(--text-mute)}
html[data-mode="light"] .footer ul a:hover{color:var(--accent)}
html[data-mode="light"] .sf-col a{color:var(--text-mute)}
html[data-mode="light"] .sf-col a:hover{color:var(--text)}
html[data-mode="light"] .sf-col li{color:var(--text-mute)}
html[data-mode="light"] .seq-copy .lead,
html[data-mode="light"] .cin-panel .lead{color:var(--text-mute)}

/* Hero lead crosses the dark car at some widths — keep it readable */
html[data-mode="light"] .cin-panel .lead{
  background:rgba(245,248,252,0.78);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  border-radius:12px;
  padding:10px 14px;
}


/* ── Top headline ticker (day mode): solid brand blue, white text ── */
html[data-mode="light"] .topbar{background:#1E5BFF;border-bottom:1px solid rgba(13,27,49,0.10)}
html[data-mode="light"] .tb-item{color:rgba(255,255,255,0.94)}
html[data-mode="light"] a.tb-item:hover{color:#fff;text-decoration:underline}
html[data-mode="light"] .tb-offer{color:#ffe3a1}
html[data-mode="light"] .tb-slot{color:#a7ffd0}
html[data-mode="light"] .tb-sep{color:rgba(255,255,255,0.6)}

/* ── Market comparison (day mode) ── */
html[data-mode="light"] .mc-scroll{background:#fff;box-shadow:0 1px 2px rgba(13,27,49,.05),0 8px 24px rgba(13,27,49,.06)}
html[data-mode="light"] .mc-table td.mc-us{background:rgba(30,91,255,0.06)}
html[data-mode="light"] .mc-table thead th.mc-us{background:rgba(30,91,255,0.09)}
html[data-mode="light"] .mc-yes{background:rgba(18,183,106,0.14);color:#0d7a4b}
html[data-mode="light"] .mc-no{background:rgba(217,45,32,0.10);color:#d92d20}
html[data-mode="light"] .mc-some{background:rgba(168,122,32,0.14);color:#a87a20}

/* ── Meet the crew (day mode) ── */
html[data-mode="light"] .crew-card{background:#fff;box-shadow:0 1px 2px rgba(13,27,49,.05),0 6px 18px rgba(13,27,49,.06)}
html[data-mode="light"] .crew-photo{background:radial-gradient(circle at 30% 25%, rgba(30,91,255,0.14), transparent 60%), #e8eff9}
html[data-mode="light"] .crew-initials{color:#7d97c9}

/* ── Before/after placeholders (day mode) ── */
html[data-mode="light"] .ba-ph-before{background:
  radial-gradient(circle at 70% 20%, rgba(120,100,70,0.12), transparent 55%),
  linear-gradient(160deg,#e9e2d4 0%, #d9d0bd 100%)}
html[data-mode="light"] .ba-ph-after{background:
  radial-gradient(circle at 30% 25%, rgba(255,255,255,0.8), transparent 55%),
  linear-gradient(160deg,#dcebfb 0%, #bcd7f3 100%)}
html[data-mode="light"] .ba-ph span{background:rgba(13,27,49,0.55)}
html[data-mode="light"] .ba-ph-after span{background:var(--accent);color:#fff}
html[data-mode="light"] .ba-handle-dot{box-shadow:0 0 0 4px rgba(30,91,255,.20),0 4px 12px rgba(13,27,49,.3)}
html[data-mode="light"] .ba-handle-dot::before,
html[data-mode="light"] .ba-handle-dot::after{border-color:#fff}

/* ── Gallery page (day mode) ── */
html[data-mode="light"] .gal-filter{background:#fff}
html[data-mode="light"] .gal-filter.is-on{background:var(--accent);color:#fff}
html[data-mode="light"] .gal-open{background:#fff;box-shadow:0 1px 2px rgba(13,27,49,.05),0 6px 18px rgba(13,27,49,.06)}
html[data-mode="light"] .gal-lightbox{background:rgba(13,27,49,.85)}

/* ── Review form (day mode) ── */
html[data-mode="light"] .rf-card,
html[data-mode="light"] .rf-done{background:#fff;box-shadow:0 1px 2px rgba(13,27,49,.05),0 10px 30px rgba(13,27,49,.07)}
html[data-mode="light"] .rf-star{color:#d5deea}
html[data-mode="light"] .rf-star.is-on{color:#f5b301}
html[data-mode="light"] .rf-drop{background:var(--bg-1);border-color:var(--line-strong)}
html[data-mode="light"] .rf-drop:hover{background:rgba(30,91,255,.05);border-color:var(--accent)}
html[data-mode="light"] .rf-err::before{color:#fff}
html[data-mode="light"] .rf-done-mark{background:rgba(18,183,106,.12);border-color:rgba(18,183,106,.40)}
html[data-mode="light"] .rf-done-mark svg{color:#12805c}

/* ── Add-ons menu (day mode) ── */
html[data-mode="light"] .addon{background:#fff;box-shadow:0 1px 2px rgba(13,27,49,.05),0 6px 18px rgba(13,27,49,.06)}
html[data-mode="light"] .addon:hover{box-shadow:0 16px 34px -14px rgba(13,27,49,.18)}

/* ── Rate-your-worker page (day mode) ── */
html[data-mode="light"] .rw-card{background:#fff;box-shadow:0 1px 2px rgba(13,27,49,.05),0 10px 30px rgba(13,27,49,.07)}
html[data-mode="light"] .rw-stars label{color:#d5deea}
html[data-mode="light"] .rw-stars label:hover,
html[data-mode="light"] .rw-stars label:hover ~ label,
html[data-mode="light"] .rw-stars input:checked ~ label{color:#f5b301}
html[data-mode="light"] .rw-stars-static{color:#d5deea}