/* PIXER light theme (pilot, 2026-10-28). Dark stays the default; html[data-theme="light"] switches.
   Only tokens and the few hard-coded surfaces of pixer.css are overridden. Video, lightbox and
   photo captions stay dark on purpose. */

html[data-theme="light"]{
  --paper:#F6F6FA; --cloud:#FFFFFF; --cloud-2:#F0F1F7; --line:#E0E3EE;
  --ink:#13152A; --mute:#565D7A;
  --indigo:#8B4FB8; --indigo-dark:#6E3A97; --indigo-soft:rgba(139,79,184,.10);
  --aqua:#16848C; --aqua-dark:#127078; --aqua-soft:rgba(22,132,140,.10);
  --pink:#D6336F; --pink-dark:#B82A5E; --pink-soft:rgba(214,51,111,.10);
  --orange:#D9653F; --blue:#5A62C9; --coral:#CF4A5F;
  --grad-brand:linear-gradient(115deg, var(--pink) 0%, var(--indigo) 55%, var(--aqua) 100%);
  --shadow-soft:0 18px 40px -22px rgba(30,32,60,.25), 0 2px 8px -4px rgba(30,32,60,.12);
  --shadow-glow:0 14px 32px -14px rgba(214,51,111,.35);
  color-scheme:light;
}
html[data-theme="light"] body{background:var(--paper);color:var(--ink)}
html[data-theme="light"] .site-header{background:rgba(246,246,250,.88);border-bottom-color:var(--line)}
html[data-theme="light"] .hdr .logo img,
html[data-theme="light"] .foot-logo img{filter:invert(1) brightness(.2)}
html[data-theme="light"] .btn-ghost{background:rgba(19,21,42,.03)}
html[data-theme="light"] .btn-ghost:hover{background:rgba(19,21,42,.06)}
html[data-theme="light"] .site-footer{background:#ECEDF4}
html[data-theme="light"] .navdrop-h{color:#7A809C}
html[data-theme="light"] .band{background:linear-gradient(135deg,rgba(139,79,184,.08),rgba(22,132,140,.06))}
html[data-theme="light"] .hero::before{opacity:.45}
html[data-theme="light"] .gallery figcaption,html[data-theme="light"] .lb,html[data-theme="light"] .lb-btn,html[data-theme="light"] .lb-close{color:#F1F3FB}

/* theme switch */
.theme-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;
  border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;padding:0}
.theme-toggle:hover{border-color:var(--indigo)}
.theme-toggle svg{width:17px;height:17px}
.theme-toggle .i-sun{display:none}
html[data-theme="light"] .theme-toggle .i-sun{display:block}
html[data-theme="light"] .theme-toggle .i-moon{display:none}