/* Paleta alinhada ao tema dark do app desktop */
[data-bs-theme="dark"] {
  --bs-body-bg: #1e1e1e;
  --bs-body-color: #f2f2f2;
  --bs-secondary-bg: #262626;
  --bs-tertiary-bg: #2d2d2d;
}

.navbar {
  background-color: #262626;
}

/* Footer de altura fixa, sempre no rodapé da janela */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 42px;
  background-color: #262626;
  z-index: 10;
}

body {
  padding-bottom: 58px; /* altura do footer + folga, pro conteúdo não ficar por baixo */
}

.card,
.form-control,
.table {
  --bs-card-bg: #262626;
}

.lyrics-area {
  font-family: Constantia, Georgia, serif;
  font-size: 1.05rem;
  line-height: 1.45;
}

/* Headers ordenáveis da listagem */
#songs-table th.sortable {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

#songs-table th.sortable::after {
  content: "↕";
  opacity: 0.35;
  margin-left: 0.35rem;
  font-size: 0.8em;
}

#songs-table th.sortable[data-dir="asc"]::after {
  content: "▲";
  opacity: 1;
}

#songs-table th.sortable[data-dir="desc"]::after {
  content: "▼";
  opacity: 1;
}

#songs-table td {
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}