/* Theme toggle — icon only, no square */
#themeToggle {
  background: transparent;
  border: 0;
  padding: 0;
  line-height: 0;
  cursor: pointer;
}
#themeToggle i { display: inline-grid; place-items: center; }
#themeToggle svg { display: block; width: 18px; height: 18px; }
#themeToggle:focus { outline: none; }
/* Default (light) */
#themeToggle { color: var(--text); }

/* Dark mode: make the icon white */
:root[data-theme="dark"] #themeToggle { color: #fff; }

/* Optional: subtle hover */
#themeToggle:hover { opacity: .85; }