/* ===== Dark mode – applied when <html data-theme="dark"> ===== */
[data-theme="dark"]{
  --bg:#150f24; --bg-alt:#1c1430; --surface:#241a3b; --text:#f3eefc; --muted:#b4a9cf;
  --border:#352a52; --pink-soft:rgba(255,92,138,.16); --purple-soft:rgba(124,92,255,.2);
  --shadow:0 10px 30px rgba(0,0,0,.4); --shadow-lg:0 20px 50px rgba(0,0,0,.55);
}
[data-theme="dark"] .site-header{background:rgba(21,15,36,.85)}
[data-theme="dark"] .hero {
    background:
        linear-gradient(
            160deg,
            rgba(29, 16, 48, 0.82) 0%,
            rgba(22, 16, 51, 0.88) 100%
        ),
        url("../images/hero-main.jpg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

[data-theme="dark"] .customize{background:linear-gradient(160deg,#181033,#1d1030)}
[data-theme="dark"] .badge,
[data-theme="dark"] .chip,
[data-theme="dark"] .tag{background:var(--surface);color:#ff8aa9}
[data-theme="dark"] .blob{opacity:.25}
[data-theme="dark"] .btn-ghost{border-color:#a592ff;color:#c9bdff}
[data-theme="dark"] .btn-ghost:hover{background:#7c5cff;color:#fff}
[data-theme="dark"] .icon-btn,
[data-theme="dark"] .testi-nav button{color:#c9bdff}
[data-theme="dark"] .icon-btn:hover,
[data-theme="dark"] .testi-nav button:hover{color:#fff}
[data-theme="dark"] .i-moon{display:none}
[data-theme="dark"] .i-sun{display:block}
[data-theme="dark"] .hero-stats strong{color:#b9a8ff}
[data-theme="dark"] .dots button{background:#43376a}
[data-theme="dark"] .dots button.active{background:var(--pink)}
[data-theme="dark"] .site-footer{background:#0f0a1b}
[data-theme="dark"] .section-head p,
[data-theme="dark"] .hero-text>p{color:var(--muted)}
[data-theme="dark"] .link-arrow{color:#b9a8ff}
[data-theme="dark"] .dropdown a.active{color:#c9bdff}
[data-theme="dark"] .visit-gallery .g2{border-color:var(--surface)}
[data-theme="dark"] .main-nav{background:var(--surface)}
[data-theme="dark"] img{filter:brightness(.92) contrast(1.02)}
[data-theme="dark"] .logo img,
[data-theme="dark"] .testi figcaption img{filter:none}
/* ===== About page – dark mode ===== */
[data-theme="dark"] .breadcrumb{background:var(--surface)}
[data-theme="dark"] .breadcrumb b,
[data-theme="dark"] .timeline .year,
[data-theme="dark"] .phil-quote cite{color:#ff8aa9}
[data-theme="dark"] .phil-num{background:var(--surface);color:#ff8aa9}
[data-theme="dark"] .experience{background:linear-gradient(160deg,#181033,#1d1030)}
[data-theme="dark"] .story-collage .s2{border-color:var(--surface)}
[data-theme="dark"] .timeline li::before{background:var(--surface)}
[data-theme="dark"] .special-card:hover{border-color:#ff8aa9}
[data-theme="dark"] .cta-band{background:var(--surface)}
/* ===== Menu page – dark mode ===== */
[data-theme="dark"] .menu-tabs{background:rgba(21,15,36,.92)}
[data-theme="dark"] .tabs-scroll a{color:#c9bdff}
[data-theme="dark"] .tabs-scroll a:hover{color:#ff8aa9}
[data-theme="dark"] .tabs-scroll a.active{color:#fff}
[data-theme="dark"] .size-toggle button{color:#c9bdff}
[data-theme="dark"] .size-toggle button.active{background:var(--surface);color:#ff8aa9}
[data-theme="dark"] .dtag{background:var(--surface);color:#ff8aa9}
[data-theme="dark"] .sig-section{background:linear-gradient(160deg,#181033,#1d1030)}
[data-theme="dark"] .top-card:hover{border-color:#ff8aa9}/* ===== Customize page – dark mode ===== */
[data-theme="dark"] .cz-card h3{color:var(--text)}
[data-theme="dark"] .cz-big{color:#b9a8ff}
[data-theme="dark"] .cz-price,[data-theme="dark"] .cz-count.full{color:#ff8aa9}
[data-theme="dark"] .cz-count,[data-theme="dark"] .cz-note{color:#c9bdff}
[data-theme="dark"] .cz-opt:hover .cz-card{border-color:#ff8aa9}
[data-theme="dark"] .cz-opt input:checked+.cz-card{border-color:#ff8aa9}
[data-theme="dark"] .cz-meter i{background:#43376a}
[data-theme="dark"] .cz-body{background:rgba(255,255,255,.1)}
[data-theme="dark"] .cz-lid{background:linear-gradient(#e9e2fb,#b9aee0)}
[data-theme="dark"] .cz-total strong{color:#ff8aa9}
[data-theme="dark"] .cz-reset:hover{color:#ff8aa9}
[data-theme="dark"] .cz-ico-round{background:color-mix(in srgb,var(--c) 35%,var(--bg-alt))}/* ===== Special Offers page – dark mode ===== */
[data-theme="dark"] .of-price strong,[data-theme="dark"] .of-calc-out strong,[data-theme="dark"] .of-live.on .of-timer{color:#ff8aa9}
[data-theme="dark"] .of-timer,[data-theme="dark"] .of-range output,[data-theme="dark"] .of-end{color:#c9bdff}
[data-theme="dark"] .of-hh.in-view:hover,[data-theme="dark"] .of-tier.in-view:hover,[data-theme="dark"] .of-tier.feat,[data-theme="dark"] .of-hh.live{border-color:#ff8aa9}
[data-theme="dark"] .of-when{color:#ff8aa9}
[data-theme="dark"] .of-code code{color:#ff8aa9;border-color:#ff8aa9}
[data-theme="dark"] .of-copy{color:#c9bdff}
[data-theme="dark"] .of-copy:hover,[data-theme="dark"] .of-copy.done{color:#fff}
[data-theme="dark"] .of-stock{background:#43376a}
[data-theme="dark"] .of-toast{background:#3a2d5c}/* ===== Contact page – dark mode ===== */
[data-theme="dark"] .ct-card.in-view:hover,[data-theme="dark"] .ct-store:hover,[data-theme="dark"] .ct-store.active{border-color:#ff8aa9}
[data-theme="dark"] .ct-social a,[data-theme="dark"] .ct-chip{color:#c9bdff}
[data-theme="dark"] .ct-social a:hover,[data-theme="dark"] .ct-chip[aria-pressed="true"]{color:#fff}
[data-theme="dark"] .ct-st.open{color:#5ee0c0}
[data-theme="dark"] .ct-map iframe{filter:invert(.9) hue-rotate(180deg) brightness(.95)}
[data-theme="dark"] .ct-err{color:#ff8a8f}
[data-theme="dark"] .ct-field input::placeholder,[data-theme="dark"] .ct-field textarea::placeholder,[data-theme="dark"] .ct-search input::placeholder{color:#8a7fa8}
[data-theme="dark"] .ct-field select{color-scheme:dark}/* ===== 404 + Coming soon – dark mode ===== */
[data-theme="dark"] .nf-score,[data-theme="dark"] .cs-unit strong{color:#b9a8ff}
[data-theme="dark"] .nf-link.in-view:hover{border-color:#ff8aa9}
[data-theme="dark"] .nf-link b,[data-theme="dark"] .nf-back:hover{color:#ff8aa9}
[data-theme="dark"] .nf-body{background:rgba(255,255,255,.1)}
[data-theme="dark"] .nf-lid{background:linear-gradient(#e9e2fb,#b9aee0)}
[data-theme="dark"] .cs-bar{background:#43376a}
[data-theme="dark"] .cs-msg.ok{color:#5ee0c0}
[data-theme="dark"] .cs-msg.err{color:#ff8a8f}
[data-theme="dark"] .nf-search input::placeholder,[data-theme="dark"] .cs-row input::placeholder{color:#8a7fa8}/* ===== Minimal header pages – dark mode ===== */
[data-theme="dark"] .min-page .site-header{background:transparent;border-color:transparent}/* ===== Home 2 page – dark mode ===== */
[data-theme="dark"] .h2-pill{color:#c9bdff}
[data-theme="dark"] .h2-pill:hover{color:#ff8aa9}
[data-theme="dark"] .h2-pill.active{color:#fff}
[data-theme="dark"] .h2-pick-tag,[data-theme="dark"] .h2-pick-row b,[data-theme="dark"] .h2-total,[data-theme="dark"] .h2-top b{color:#ff8aa9}
[data-theme="dark"] .h2-top.in-view:hover,[data-theme="dark"] .h2-opt:hover span{border-color:#ff8aa9}
[data-theme="dark"] .h2-bars i{background:#43376a}
[data-theme="dark"] .h2-cat-img img{border-color:var(--surface)}
[data-theme="dark"] .h2-copy{color:#4b34c9}
[data-theme="dark"] .btn-white{color:#4b34c9}
[data-theme="dark"] .page-hero{background:none}