/* ==========================================================
   Phönix Aviation Holding – Branding der Webseite (Theme "seven")
   Ersetzt das phpVMS-Blau durch Phoenix-Farben, hell und dunkel.
   Höhere Spezifität (html …) setzt sich gegen die Theme-Farben durch.
   ========================================================== */

/* ---------- Abschnitt 1: Grundfarben ---------- */
html:root,
html[data-bs-theme] {
  --bs-primary: #ff4500 !important;
  --bs-primary-rgb: 255, 69, 0 !important;
  --bs-link-color: #d63a00;
  --bs-link-hover-color: #a82e00;
}
html[data-bs-theme="dark"] {
  --bs-body-bg: #121212 !important;
  --bs-body-color: #ececec !important;
  --bs-tertiary-bg: #1c1c1c !important;
  --bs-secondary-bg: #262626 !important;
  --bs-border-color: #3a3a3a !important;
  --bs-link-color: #ffa477;
  --bs-link-hover-color: #ffd700;
}

/* ---------- Abschnitt 2: Kopfleiste ---------- */
html .bg-primary,
html .navbar.bg-primary {
  background-color: #121212 !important;
  border-bottom: 3px solid #ff4500;
}
html .navbar .navbar-brand img {
  width: auto !important;
  height: 56px;
}
html .navbar .nav-link {
  color: #ececec !important;
}
html .navbar .nav-link:hover,
html .navbar .nav-link:focus {
  color: #ffd700 !important;
}

/* ---------- Abschnitt 3: Knöpfe ---------- */
html .btn-primary {
  background-color: #ff4500 !important;
  border-color: #ff4500 !important;
  color: #fff !important;
}
html .btn-primary:hover,
html .btn-primary:focus {
  background-color: #d63a00 !important;
  border-color: #d63a00 !important;
}

/* ---------- Abschnitt 4: Login-Seite ---------- */
html .bg-brand {
  background-color: #121212 !important;
}
html .logo-container img {
  width: 260px;
  height: 260px;
  border-radius: 50%;
}

/* ---------- Abschnitt 5: Karten im Dunkelmodus ---------- */
html[data-bs-theme="dark"] .card {
  background-color: #1c1c1c !important;
  border-color: #3a3a3a !important;
}