body, .card, .panel, .buybox, .site-header, .drawer__panel, .faq, .guide, .spec-tile, .plan, .vopt {
    transition: background-color .25s ease, border-color .25s ease, color .25s ease;
  }

  html[data-vpl-theme="dark"]{
    --bg:#0E0C1C;
    --surface-2:#191634;
    --line:#2C2754;
    --line-2:#3A3468;
    --ink:#EAE7F7;
    --text:#B0AACB;
    --muted:#948EB4;
    --faint:#6F6990;
    --pale:#241E4E;
    --blue:#8B7DE8;
    --blue-bright:#A497F2;
    --navy:#E4E0F5;
    --navy-2:#CCC5EC;
  }

  html[data-vpl-theme="dark"] .announcement,
  html[data-vpl-theme="dark"] .panel--navy,
  html[data-vpl-theme="dark"] .calc__out,
  html[data-vpl-theme="dark"] .chroma,
  html[data-vpl-theme="dark"] .fguide,
  html[data-vpl-theme="dark"] .float-card--bl{background:#1B1740}
  html[data-vpl-theme="dark"] .coa-link{background:#2A2360}
  html[data-vpl-theme="dark"] .btn--navy{background:#1B1740;color:#fff}
  html[data-vpl-theme="dark"] .btn--navy:hover{background:#2A2360}
  html[data-vpl-theme="dark"] .card__incart{background:#241E4E;color:#fff}
  html[data-vpl-theme="dark"] .vopt.is-active{background:#3A3080;border-color:#8B7DE8;color:#fff}
  html[data-vpl-theme="dark"] .chips a.is-active{background:#4A3E9E;border-color:#4A3E9E;color:#fff}
  html[data-vpl-theme="dark"] .banner,
  html[data-vpl-theme="dark"] .banner--wide{background:linear-gradient(90deg,#1B1740,#2A2360)}
  html[data-vpl-theme="dark"] .quiz,
  html[data-vpl-theme="dark"] .site-footer{background:#100D24}
  html[data-vpl-theme="dark"] .coa-hero{background:linear-gradient(160deg,#1B1740,#2A2360)}
  html[data-vpl-theme="dark"] .xfade__wipe{background:linear-gradient(125deg,#1B1740,#4A3E9E)}

  html[data-vpl-theme="dark"] .hero,
  html[data-vpl-theme="dark"] .coll-hero{background:linear-gradient(180deg,#12101F,#0E0C1C)}
  html[data-vpl-theme="dark"] .hero .grad{color:#8B7DE8;background:linear-gradient(135deg,#8B7DE8,#A497F2);-webkit-background-clip:text;background-clip:text}

  html[data-vpl-theme="dark"] .card,
  html[data-vpl-theme="dark"] .panel,
  html[data-vpl-theme="dark"] .buybox,
  html[data-vpl-theme="dark"] .spec-tile,
  html[data-vpl-theme="dark"] .plan,
  html[data-vpl-theme="dark"] .vopt,
  html[data-vpl-theme="dark"] .faq,
  html[data-vpl-theme="dark"] .faq__item,
  html[data-vpl-theme="dark"] .guide,
  html[data-vpl-theme="dark"] .feature--white,
  html[data-vpl-theme="dark"] .coa-card,
  html[data-vpl-theme="dark"] .coa-card__tiles>div,
  html[data-vpl-theme="dark"] .btable,
  html[data-vpl-theme="dark"] .btable__row,
  html[data-vpl-theme="dark"] .drawer__panel,
  html[data-vpl-theme="dark"] .gate__card,
  html[data-vpl-theme="dark"] .calc,
  html[data-vpl-theme="dark"] .marquee,
  html[data-vpl-theme="dark"] .pill,
  html[data-vpl-theme="dark"] .float-card,
  html[data-vpl-theme="dark"] .cpl-skip{background:#191634}

  html[data-vpl-theme="dark"] .site-header{background:rgba(10,20,28,.92);border-bottom-color:#2C2754}
  html[data-vpl-theme="dark"] .header-nav a{color:#BDB6D9}
  html[data-vpl-theme="dark"] .cart-toggle{background:#191634;border-color:#3A3468;color:#E4E0F5}
  html[data-vpl-theme="dark"] .burger i{background:#E4E0F5}
  html[data-vpl-theme="dark"] .mobile-menu{background:#171338;border-top-color:#2C2754}
  html[data-vpl-theme="dark"] .mobile-menu a{color:#DAD5EE;border-bottom-color:#2C2754}
  html[data-vpl-theme="dark"] .mobile-menu a .dot{background:#3A3468}

  html[data-vpl-theme="dark"] .btable__head{background:#141127;border-bottom-color:#2C2754}
  html[data-vpl-theme="dark"] .btable__row:hover{background:#221D48}
  html[data-vpl-theme="dark"] .btable__row{border-bottom-color:#2C2754}
  html[data-vpl-theme="dark"] .faq__item[open]{background:#1D1940}
  html[data-vpl-theme="dark"] .faq__item{border-color:#2C2754}
  html[data-vpl-theme="dark"] .plan.is-active{background:#2A2360}
  html[data-vpl-theme="dark"] .qty input{background:#191634;color:#E4E0F5}
  html[data-vpl-theme="dark"] .qty button{background:#141127;color:#E4E0F5}
  html[data-vpl-theme="dark"] .select{background-color:#191634;color:#E4E0F5;border-color:#3A3468}
  html[data-vpl-theme="dark"] .chips a{background:#191634;border-color:#3A3468;color:#BDB6D9}
  html[data-vpl-theme="dark"] .btn--ghost{background:#191634;border-color:#3A3468;color:#E4E0F5}
  html[data-vpl-theme="dark"] .btn--light{background:#E4E0F5;color:#1B1740}
  html[data-vpl-theme="dark"] .trust__glyph{background:#241E4E;color:#A497F2}
  html[data-vpl-theme="dark"] .marquee{border-top-color:#2C2754;border-bottom-color:#2C2754}
  html[data-vpl-theme="dark"] .card__tag{background:rgba(10,25,35,.85);color:#E4E0F5}
  html[data-vpl-theme="dark"] .filter-list a:hover,
  html[data-vpl-theme="dark"] .filter-list button:hover,
  html[data-vpl-theme="dark"] .filter-list label:hover{background:#221D48;color:#E4E0F5}
  html[data-vpl-theme="dark"] .spec-row{border-bottom-color:#2C2754}
  html[data-vpl-theme="dark"] .atable__row{border-bottom-color:#2C2754}
  html[data-vpl-theme="dark"] .coa-card__head{background:linear-gradient(90deg,#12291F,#191634);border-bottom-color:#2C2754}
  html[data-vpl-theme="dark"] .coa-card__tiles{background:#2C2754}
  html[data-vpl-theme="dark"] .coa-lab{border-color:#2C2754}
  html[data-vpl-theme="dark"] .drawer__head,
  html[data-vpl-theme="dark"] .drawer__foot{border-color:#2C2754}
  html[data-vpl-theme="dark"] .drawer__x,
  html[data-vpl-theme="dark"] .drawer__empty .icon{background:#231E4A;color:#B0AACB}
  html[data-vpl-theme="dark"] .line{background:#141127;border-color:#2C2754}
  html[data-vpl-theme="dark"] .gate__terms li{background:#211C46;border-color:#332C60;color:#DAD5EE}

  html[data-vpl-theme="dark"] .notice{background:#2A2210;border-color:#4A3A14;color:#E3B75B}
  html[data-vpl-theme="dark"] .toast-ok{background:#0F2A1C;border-color:#1F5236;color:#52C98A}
  html[data-vpl-theme="dark"] .ship-meter{background:#141127;border-color:#2C2754}
  html[data-vpl-theme="dark"] .ship-meter.is-unlocked{background:#0F2A1C;border-color:#1F5236}
  html[data-vpl-theme="dark"] .ship-meter.is-unlocked b{color:#52C98A}
  html[data-vpl-theme="dark"] .code-applied{background:#0F2A1C;border-color:#1F5236}
  html[data-vpl-theme="dark"] .code-applied b{color:#52C98A}
  html[data-vpl-theme="dark"] .code-applied small,
  html[data-vpl-theme="dark"] .code-applied .rm{color:#7FA890}
  html[data-vpl-theme="dark"] .coa-miss{background:#2A1416;border-color:#57272B}
  html[data-vpl-theme="dark"] .coa-miss__t{color:#E58A8A}
  html[data-vpl-theme="dark"] .coa-miss p{color:#C89A9A}
  html[data-vpl-theme="dark"] .coa-miss__glyph{background:#3A1D1F;color:#E58A8A}

  html[data-vpl-theme="dark"] .site-footer__brand img,
  html[data-vpl-theme="dark"] .header-logo img,
  html[data-vpl-theme="dark"] .gate__logo{filter:brightness(0) invert(.92)}

  .vpl-night-toggle{
    position:fixed;left:18px;bottom:18px;z-index:120;
    width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);
    background:#1B1740;color:#fff;cursor:pointer;
    display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);
    transition:transform .15s ease, background .25s ease;
  }
  .vpl-night-toggle:hover{transform:translateY(-2px)}
  .vpl-night-toggle svg{width:20px;height:20px}
  .vpl-night-toggle .icon-sun{display:none}
  html[data-vpl-theme="dark"] .vpl-night-toggle{background:#E4E0F5;color:#1B1740}
  html[data-vpl-theme="dark"] .vpl-night-toggle .icon-sun{display:block}
  html[data-vpl-theme="dark"] .vpl-night-toggle .icon-moon{display:none}