/* ==========================================================================
   Theme pack
   - Add a new theme by making a [data-theme="name"] block below.
   - Theme names are used by the theme picker.
   ========================================================================== */

html[data-theme="aero"]{
  --bg0:#06202b;
  --bg1:#0a3a5e;
  --panel:#0f2238cc;
  --panel-solid:#10395c;
  --text:#e8f7ff;
  --muted:#b7d7ea;
  --accent:#00ffd1;
  --accent2:#7bc5ff;
  --accent3:#ffd24a;
  --border:#2b79a6;
  --cursor:url("../img/cursor_default.png") 2 2, auto;
}

html[data-theme="vapor"]{
  --bg0:#120426;
  --bg1:#040a1f;
  --panel:#1a0c2dcc;
  --panel-solid:#1b1033;
  --text:#fff1ff;
  --muted:#f7b6e8;
  --accent:#ff4fd8;
  --accent2:#00ffd1;
  --accent3:#ffd24a;
  --border:#6b2b8a;
}

html[data-theme="cyber"]{
  --bg0:#05060a;
  --bg1:#090b12;
  --panel:#0a0f18cc;
  --panel-solid:#0a0f18;
  --text:#e8f7ff;
  --muted:#9fc6d8;
  --accent:#00ffd1;
  --accent2:#ff4fd8;
  --accent3:#ffd24a;
  --border:#222a3a;
}

html[data-theme="win95"]{
  --bg0:#008080;
  --bg1:#007070;
  --panel:#c3c7cb;
  --panel-solid:#c3c7cb;
  --text:#000;
  --muted:#2b2b2b;
  --accent:#0000ff;
  --accent2:#800080;
  --accent3:#ff0000;
  --border:#7c7c7c;
  --shadow:0 18px 50px rgba(0,0,0,.25);
}
html[data-theme="win95"] body::before{opacity:.05}


/* win95 overrides: swap glass for classic chunky panels */
html[data-theme="win95"] body{
  background:
    radial-gradient(900px 600px at 15% 15%, rgba(255,255,255,.22), transparent 55%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
}
html[data-theme="win95"] .window{
  background: var(--panel-solid);
  border-color: var(--border);
  backdrop-filter:none;
}
html[data-theme="win95"] .titlebar{
  background: linear-gradient(180deg, #0000aa, #000088);
  color:#fff;
  border-bottom:1px solid #000066;
}
html[data-theme="win95"] .titlebar__title{text-shadow:none}
html[data-theme="win95"] .panel,
html[data-theme="win95"] .app,
html[data-theme="win95"] .start-menu,
html[data-theme="win95"] .toast{
  background:#c3c7cb;
  color:#000;
  border-color:#7c7c7c;
  backdrop-filter:none;
}
html[data-theme="win95"] .sidebar{background:#d4d0c8}
html[data-theme="win95"] .search{
  background:#fff; color:#000; border-color:#7c7c7c;
}
html[data-theme="win95"] .btn{
  background:#d4d0c8; color:#000; border-color:#7c7c7c;
}
html[data-theme="win95"] .taskbar{background:#d4d0c8; border-top:2px solid #fff}
html[data-theme="win95"] .start-btn{background:#d4d0c8; color:#000; border-color:#7c7c7c}
html[data-theme="win95"] .tray-pill{background:#d4d0c8; color:#000}
html[data-theme="win95"] .badge{background:#d4d0c8; color:#000}
html[data-theme="win95"] .meter{background:#fff}