/*
  Lupa Branding für SFTPGo, Version 1 (Entwurf, nicht gegen das echte Theme getestet)
  Palette laut Notion "External Upwork Brand":
  Primär #7C3AED | hell #935CF0 | sehr hell #E0D0FB | super hell #F8F3FF
  dunkel #5212C2 | sehr dunkel #320088 | Secondary dark #1C2536 | Akzent #86EFAC (nur sparsam)
*/

:root,
[data-bs-theme="light"] {
  --lupa-primary: #7C3AED;
  --lupa-primary-light: #935CF0;
  --lupa-primary-very-light: #E0D0FB;
  --lupa-primary-super-light: #F8F3FF;
  --lupa-primary-dark: #5212C2;
  --lupa-primary-very-dark: #320088;
  --lupa-ink: #1C2536;

  --bs-primary: #7C3AED;
  --bs-primary-rgb: 124, 58, 237;
  --bs-link-color: #7C3AED;
  --bs-link-color-rgb: 124, 58, 237;
  --bs-link-hover-color: #5212C2;
  --bs-link-hover-color-rgb: 82, 18, 194;
}

/* Seitenhintergrund */
body {
  background-color: var(--lupa-primary-super-light);
}

/* Links */
a {
  color: var(--lupa-primary);
}
a:hover {
  color: var(--lupa-primary-dark);
}

/* Primäre Buttons */
.btn-primary {
  --bs-btn-bg: #7C3AED;
  --bs-btn-border-color: #7C3AED;
  --bs-btn-hover-bg: #935CF0;
  --bs-btn-hover-border-color: #935CF0;
  --bs-btn-active-bg: #5212C2;
  --bs-btn-active-border-color: #5212C2;
  --bs-btn-focus-shadow-rgb: 124, 58, 237;
  background-color: #7C3AED;
  border-color: #7C3AED;
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #935CF0;
  border-color: #935CF0;
  color: #fff;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #5212C2;
  border-color: #5212C2;
}

/* Helle Varianten und Textfarben der Primärfarbe */
.text-primary {
  color: #7C3AED !important;
}
.bg-primary {
  background-color: #7C3AED !important;
}
.btn-light-primary,
.badge-light-primary {
  background-color: #E0D0FB !important;
  color: #5212C2 !important;
}

/* Formularelemente */
.form-control:focus,
.form-select:focus {
  border-color: #935CF0;
  box-shadow: 0 0 0 0.2rem rgba(124, 58, 237, 0.2);
}
.form-check-input:checked {
  background-color: #7C3AED;
  border-color: #7C3AED;
}
.progress-bar {
  background-color: #7C3AED;
}

/* Abgerundete Ecken laut Brand Guide */
.card,
.modal-content,
.dropdown-menu,
.form-control,
.form-select,
.btn {
  border-radius: 12px;
}

/* Kopfzeile und Seitenleiste in Secondary dark (Klassennamen geraten, ggf. anpassen) */
#kt_app_sidebar,
.app-sidebar {
  background-color: #1C2536 !important;
}
.app-header {
  background-color: #FFFFFF;
}

/* Login-Seite: dunkler Lila-Verlauf (Klassenname geraten, ggf. anpassen) */
body.app-blank {
  background: linear-gradient(135deg, #320088 0%, #7C3AED 100%) !important;
}