/* Farbvariablen-Definition für Bootstrap-Komponenten und App-Design */

:root {
  /* Light Mode Bootstrap-Variablen */
  --bs-primary: #1E6D8D;
  --bs-secondary: #91C4A5;
  --bs-success: #A8E6CF;
  --bs-info: #1E6D8D;
  --bs-warning: #FFB000;
  --bs-danger: #D45A4B;
  --bs-light: #EEEEEE;
  --bs-dark: #2F2F2F;
  
  /* Light Mode Text- und Hintergrundfarben */
  --bs-body-color: #2F2F2F;
  --bs-body-bg: #FFFFFF;
  
  /* Bootstrap Button-Hover-Farben */
  --bs-primary-rgb: 30, 109, 141;
  --bs-secondary-rgb: 145, 196, 165;
  --bs-success-rgb: 168, 230, 207;
  --bs-info-rgb: 30, 109, 141;
  --bs-warning-rgb: 255, 176, 0;
  --bs-danger-rgb: 212, 90, 75;
  --bs-light-rgb: 238, 238, 238;
  --bs-dark-rgb: 47, 47, 47;
}

/* Dark Mode Anpassungen */
.dark-mode {
  /* Dark Mode Bootstrap-Variablen */
  --bs-primary: #1E6D8D;
  --bs-secondary: #91C4A5;
  --bs-success: #A8E6CF;
  --bs-info: #1E6D8D;
  --bs-warning: #FFB000;
  --bs-danger: #D45A4B;
  --bs-light: #676767;
  --bs-dark: #F8F9FA;
  
  /* Dark Mode Text- und Hintergrundfarben */
  --bs-body-color: #F8F9FA;
  --bs-body-bg: #4A4A4A;
  
  /* Anpassungen für spezielle Bootstrap-Komponenten im Dark Mode */
  --bs-card-bg: #4A4A4A;
  --bs-card-border-color: rgba(255, 255, 255, 0.1);
  
  --bs-modal-bg: #4A4A4A;
  --bs-modal-border-color: rgba(255, 255, 255, 0.1);
  
  --bs-dropdown-bg: #4A4A4A;
  --bs-dropdown-border-color: rgba(255, 255, 255, 0.1);
  --bs-dropdown-link-color: #F8F9FA;
  --bs-dropdown-link-hover-bg: #676767;
  
  --bs-table-bg: #4A4A4A;
  --bs-table-border-color: rgba(255, 255, 255, 0.1);
  
  --bs-input-bg: #4A4A4A;
  --bs-input-border-color: rgba(255, 255, 255, 0.1);
  --bs-input-color: #F8F9FA;
}

/* Anpassungen für besseren Kontrast bei Buttons */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-light); /* Textfarbe wie im CRM */
}

.btn-primary:hover {
  color: var(--bs-dark); /* Textfarbe wie im CRM */
  background-color: var(--bs-success); /* Hintergrundfarbe wie im CRM */
  border-color: var(--bs-dark); /* Randfarbe wie im CRM */
}

.btn-secondary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: var(--bs-dark); /* Textfarbe wie im CRM */
}

.btn-secondary:hover {
  color: var(--bs-dark); /* Textfarbe wie im CRM */
  background-color: var(--bs-success); /* Hintergrundfarbe wie im CRM */
  border-color: var(--bs-dark); /* Randfarbe wie im CRM */
}

.btn-success {
  background-color: var(--bs-success);
  border-color: var(--bs-dark); /* Randfarbe wie im CRM */
  color: var(--bs-dark); /* Textfarbe wie im CRM */
}

.btn-success:hover {
  color: var(--bs-dark); /* Textfarbe wie im CRM */
  background-color: var(--bs-secondary); /* Hintergrundfarbe wie im CRM */
  border-color: var(--bs-dark); /* Randfarbe wie im CRM */
}

.btn-warning {
  background-color: var(--bs-warning);
  border-color: var(--bs-dark); /* Randfarbe wie im CRM */
  color: var(--bs-dark); /* Textfarbe wie im CRM */
}

.btn-warning:hover {
  color: var(--bs-dark); /* Textfarbe wie im CRM */
  background-color: var(--bs-success); /* Hintergrundfarbe wie im CRM */
  border-color: var(--bs-dark); /* Randfarbe wie im CRM */
}

.btn-danger {
  background-color: var(--bs-danger);
  border-color: var(--bs-dark); /* Randfarbe wie im CRM */
  color: var(--bs-dark); /* Textfarbe wie im CRM */
}

.btn-danger:hover {
  color: var(--bs-dark); /* Textfarbe wie im CRM */
  background-color: var(--bs-success); /* Hintergrundfarbe wie im CRM */
  border-color: var(--bs-dark); /* Randfarbe wie im CRM */
}

.btn-light {
  background-color: var(--bs-light);
  border-color: var(--bs-dark); /* Randfarbe wie im CRM */
  color: var(--bs-dark); /* Textfarbe wie im CRM */
}

.btn-light:hover {
  color: var(--bs-dark); /* Textfarbe wie im CRM */
  background-color: var(--bs-success); /* Hintergrundfarbe wie im CRM */
  border-color: var(--bs-dark); /* Randfarbe wie im CRM */
}

/* .btn-dark wird separat in dark-mode-fixes.css oder custom.css behandelt, falls nötig */