function applyTheme(dark) {
    document.body.classList.toggle('dark', dark);
    // sync html class too (set by inline script before body load)
    document.documentElement.classList.toggle('dark', dark);
    const btn = document.getElementById('theme-toggle');
    if (btn) btn.textContent = dark ? '☀' : '☾';
  }
  function applyTheme(dark) {
    document.body.classList.toggle('dark', dark);
    // sync html class too (set by inline script before body load)

.btn:hover { opacity: .88; text-decoration: none; }

.btn-primary { background: var(--btn-bg); color: var(--btn-text); }
.btn-secondary {
  background: var(--btn-secondary-bg);
  color: var(--btn-secondary-text);
  border: 1px solid var(--border);
}
.btn-danger { background: #9b5252; color: #24689cd2; }
.btn-sm { padding: .25rem .6rem; font-size: .82rem; }