/* Navy Blue Player Theme */

:root {
  --navy-blue: #001f3f;
  --navy-dark: #001a33;
  --navy-light: #003366;
}

/* Mini-Player am unteren Rand */

#mini-player {
  background: var(--navy-blue) !important;
  background: linear-gradient(180deg, var(--navy-light) 0%, var(--navy-blue) 100%) !important;
  color: white !important;
  border-top: 2px solid var(--navy-light);
}

#mini-player .btn-light {
  background-color: white;
  color: var(--navy-blue);
}

#mini-player .btn-light:hover {
  background-color: #f0f0f0;
}

#mini-player .progress {
  background-color: var(--navy-dark);
}

#mini-player .progress-bar {
  background-color: #4a90e2;
}

/* Track-Karten */

.track-item.card {
  background: var(--navy-blue) !important;
  color: white !important;
  border: 1px solid var(--navy-light);
}

.track-item.card .text-muted {
  color: #b0c4de !important;
}

/* Featured Track Cards */

.featured-tracks .card {
  background: var(--navy-blue) !important;
  background: linear-gradient(135deg, var(--navy-blue) 0%, var(--navy-dark) 100%) !important;
  color: white !important;
  border: none;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

.featured-tracks .card-title, .featured-tracks .card-text {
  color: white !important;
}

/* Login/Register Form */

.card.bg-dark {
  background: var(--navy-blue) !important;
  border: 1px solid var(--navy-light);
}

.card.bg-dark .nav-tabs .nav-link {
  color: #b0c4de;
  background: transparent;
  border-color: var(--navy-light);
}

.card.bg-dark .nav-tabs .nav-link.active {
  background: var(--navy-dark);
  color: white;
  border-color: var(--navy-light);
}

/* Credits Modal */

#creditsModal .modal-content {
  background: var(--navy-blue) !important;
  color: white !important;
}

#creditsModal .card.bg-secondary {
  background: var(--navy-dark) !important;
  border: 1px solid var(--navy-light);
}

/* Purchases Modal */

.modal-content.bg-dark {
  background: var(--navy-blue) !important;
}

.list-group-item.bg-secondary {
  background: var(--navy-dark) !important;
  border: 1px solid var(--navy-light);
  color: white !important;
}