/* ============ DARK THEME (default) - light stays the untouched original ============ */
html:not([data-theme="light"]){
  --paper:#100F0D; --panel:#181613; --line:#2A2723; --ink:#F1EFE9; --mute:#A29B8D;
  --blue:#6B84FF; --blue-dark:#5C77FF; --blue-tint:#1A2140;
  --soft:#3B372F; --dis:#2A2723; --dist:#75705F; --wm:#1B1915; --wmh:#2C3B7C;
  --gsp:#9B9483; --err:#E5484D; --frame:#070606;
  --glassnav:rgba(20,18,15,.55); --scrim:rgba(5,4,3,.58); --hovlift:rgba(255,255,255,.045);
  --pt:rgba(16,15,13,0); --grainbg:none; --pcl:#5C77FF;
  --dith1:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cg fill='%23100F0D'%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='5' y='0' width='1' height='1'/%3E%3Crect x='9' y='1' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='11' y='6' width='1' height='1'/%3E%3Crect x='0' y='8' width='1' height='1'/%3E%3Crect x='4' y='9' width='1' height='1'/%3E%3Crect x='8' y='8' width='1' height='1'/%3E%3Crect x='2' y='11' width='1' height='1'/%3E%3Crect x='6' y='11' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E");
  --dith2:;
  color-scheme:dark;
}
html[data-theme="light"]{color-scheme:light}
html:not([data-theme="light"]) ::selection{background:#1743F2;color:#fff}
html:not([data-theme="light"]) nav.scrolled{-webkit-backdrop-filter:blur(19px) saturate(1.5);backdrop-filter:blur(19px) saturate(1.5);border-bottom-color:rgba(255,255,255,.08)}