/* ── Layout helpers ──────────────────────────────────────────────────────── */
.form-signin {
  max-width: 500px;
  width: 100%;
  padding: 15px;
}
@media (max-width: 576px) {
  .form-signin { padding: 12px; }
}
.form-floating {
  margin-bottom: 10px;
}

/* ── Theme tokens ─────────────────────────────────────────────────────────── */
:root {
  --navbar-bg: #212529;
}
[data-bs-theme="dark"] {
  --navbar-bg: #0d1117;
}

/* ── Base transitions ─────────────────────────────────────────────────────── */
body {
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* ── Navbar ───────────────────────────────────────────────────────────────── */
.navbar {
  background-color: var(--navbar-bg) !important;
}

/* ── Theme toggle button ──────────────────────────────────────────────────── */
.theme-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  color: #fff;
  font-size: 1.2rem;
  transition: transform 0.3s ease;
}
.theme-toggle:hover {
  transform: scale(1.1);
}
.theme-icon {
  display: none;
}
[data-bs-theme="light"] .theme-icon.sun,
html:not([data-bs-theme="dark"]) .theme-icon.sun {
  display: inline;
}
[data-bs-theme="dark"] .theme-icon.moon {
  display: inline;
}