/* theme.css — Dark mode override and toggle button */

/* ── Dark mode variables ─────────────────────────────────────────── */
[data-theme="dark"]{
  --bg:#262624;
  --surface:#1f1e1c;
  --surface2:#2c2c2a;
  --text:#ecebe3;
  --muted:#a3a299;
  --hint:#73726c;
  --border:#3a3a36;
  --border2:#4a4a45;
  --success:#5dcaa5;
  --success-bg:#0f3a2e;
  --danger:#f09595;
  --danger-bg:#3a1f1f;
  --info:#85b7eb;
  --info-bg:#0c2a44;
  --warn:#fac775;
  --warn-bg:#3a2a0a;
}

/* ── Toggle button ───────────────────────────────────────────────── */
#theme-toggle{
  position:fixed;
  bottom:80px;
  right:20px;
  z-index:99999;
  width:52px;
  height:52px;
  border-radius:50%;
  border:1px solid var(--border2);
  background:var(--surface);
  color:var(--text);
  font-size:24px;
  cursor:grab;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,0.2);
  padding:0;
  line-height:1;
  /* Critical for mobile drag */
  touch-action:none;
  -webkit-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
#theme-toggle:active{
  cursor:grabbing;
}

/* Desktop position */
@media (min-width: 769px) {
  #theme-toggle {
    bottom:20px;
  }
}