/* Glisso light / dark mode — shared by the homepage, model pages, guide and legal pages.
   The comparison page (/compare/) has its own copy in its inline styles.
   Dark is the original palette (each page's :root). Light overrides it when <html data-theme="light">,
   which is set before first paint by the small inline script in each page's <head>. */

.theme-tg{display:inline-grid;place-items:center;width:34px;height:32px;padding:0;background:transparent;border:1px solid var(--line-strong);border-radius:2px;color:var(--steel);cursor:pointer;transition:color .2s,border-color .2s;flex:none}
.theme-tg:hover{color:var(--bone);border-color:var(--gold)}
.theme-tg svg{width:16px;height:16px}
html[data-theme=light] .theme-tg .i-sun,html:not([data-theme=light]) .theme-tg .i-moon{display:none}
@media(max-width:560px){.theme-tg{width:30px;height:30px}.theme-tg svg{width:15px;height:15px}}

html[data-theme=light]{
  --obsidian:#f6f4ef;--obsidian-2:#eeeae2;--panel:#ffffff;--panel-2:#f8f6f1;
  --bone:#16151a;--bone-dim:#46444b;--steel:#5c6370;--steel-dim:#8a909a;
  --gold:#86650f;--gold-bright:#9a7419;--gold-glow:rgba(134,101,15,.25);   /* deeper gold: readable on white */
  --wine-bright:#a3253a;--wine-glow:rgba(163,37,58,.25);
  --line:rgba(22,21,26,.12);--line-strong:rgba(22,21,26,.24);
}
html[data-theme=light] header{background:rgba(246,244,239,.88)!important}
html[data-theme=light] :is(.callout.gold,.po-perk,.ref-box){background:rgba(134,101,15,.06)}
html[data-theme=light] .tbl tr:hover td{background:rgba(22,21,26,.035)}
html[data-theme=light] :is(td.hi,.price-block .amt){color:var(--gold)}
html[data-theme=light] .hero-img{box-shadow:0 20px 50px -30px rgba(0,0,0,.45)}
html[data-theme=light] :is(.feat,.card,.po-form,.vid,.callout,.cta){box-shadow:0 1px 2px rgba(0,0,0,.04)}
html[data-theme=light] .modal .box{box-shadow:0 30px 80px -30px rgba(0,0,0,.35)}

/* Photo sections stay dark in both modes: the brand look, and text that sits on dark photos. */
html[data-theme=light] :is(.hero,.band,.card .top){
  --obsidian:#0a0a0c;--obsidian-2:#101014;--panel:#15151a;--panel-2:#1b1b21;
  --bone:#ece7de;--bone-dim:#c4bfb6;--steel:#9aa3b0;--steel-dim:#565d68;
  --gold:#d8b154;--gold-bright:#ecc972;--gold-glow:rgba(216,177,84,.45);
  --line:rgba(138,147,160,.16);--line-strong:rgba(138,147,160,.30);
  color:var(--bone);background-color:#0a0a0c;
}