/* ==========================================
   GLOBAL BOOTSTRAP COLOR OVERRIDES
   Gilt für LIGHT & DARK MODE
   ========================================== */
:root,
html[data-bs-theme="light"],
html[data-bs-theme="dark"] {

  /* ---------- PRIMARY ---------- */
  --bs-primary: #ffda5e;
  --bs-primary-rgb: 255, 218, 94;
  --bs-primary-text-emphasis: #665300;
  --bs-primary-bg-subtle: rgba(255, 218, 94, 0.2);
  --bs-primary-border-subtle: rgba(255, 218, 94, 0.6);

  /* ---------- SECONDARY ---------- */
  --bs-secondary: #c7acff;
  --bs-secondary-rgb: 199, 172, 255;
  --bs-secondary-text-emphasis: #4d3b73;
  --bs-secondary-bg-subtle: rgba(199, 172, 255, 0.2);
  --bs-secondary-border-subtle: rgba(199, 172, 255, 0.6);

  /* ---------- SUCCESS ---------- */
  --bs-success: #5fcb8f;
  --bs-success-rgb: 95, 203, 143;
  --bs-success-text-emphasis: #1f5c3e;
  --bs-success-bg-subtle: rgba(95, 203, 143, 0.2);
  --bs-success-border-subtle: rgba(95, 203, 143, 0.6);

  /* ---------- INFO ---------- */
  --bs-info: #80ccec;
  --bs-info-rgb: 128, 204, 236;
  --bs-info-text-emphasis: #245b73;
  --bs-info-bg-subtle: rgba(128, 204, 236, 0.2);
  --bs-info-border-subtle: rgba(128, 204, 236, 0.6);

  /* ---------- WARNING ---------- */
  --bs-warning: #f2f2f2;
  --bs-warning-rgb: 242, 242, 242;
  --bs-warning-text-emphasis: #5a5a5a;
  --bs-warning-bg-subtle: rgba(242, 242, 242, 0.4);
  --bs-warning-border-subtle: rgba(242, 242, 242, 0.8);

  /* ---------- DANGER ---------- */
  --bs-danger: #c7acff;
  --bs-danger-rgb: 199, 172, 255;
  --bs-danger-text-emphasis: #4d3b73;
  --bs-danger-bg-subtle: rgba(199, 172, 255, 0.2);
  --bs-danger-border-subtle: rgba(199, 172, 255, 0.6);

  /* ---------- GLOBAL BORDERS ---------- */
  --bs-border-color: rgba(0, 0, 0, 0.15);
  --bs-border-color-translucent: rgba(0, 0, 0, 0.1);
}

/* Primary */
.btn-primary {
    background-color: rgba(124, 21, 21, 0.99) !important;
    border-color: rgba(124, 21, 21, 0.99) !important;
    color: white; /* Textfarbe, je nach Design */
}
.btn-primary:hover, .btn-primary:focus {
    background-color: rgba(124, 21, 21, 0.75) !important;
    border-color: rgba(124, 21, 21, 0.75) !important;
}

.btn-outline-primary {
    border-color: rgba(124, 21, 21, 0.99) !important;
    color: rgba(124, 21, 21, 0.99);
}
.btn-outline-primary:hover, .btn-primary:focus {
    background-color: rgba(124, 21, 21, 0.75) !important;
    border-color: rgba(124, 21, 21, 0.75) !important;
}

/* Secondary */
.btn-secondary {
    background-color: #ffda5e !important;
    border-color: #ffda5e !important;
    color: #000;
}
.btn-secondary:hover, .btn-secondary:focus {
    background-color: #e6c34b !important;
    border-color: #e6c34b !important;
}

/* Success */
.btn-success {
    background-color: #5fcb8f !important;
    border-color: #5fcb8f !important;
    color: #fff;
}
.btn-success:hover, .btn-success:focus {
    background-color: #53b77e !important;
    border-color: #53b77e !important;
}

/* Info */
.btn-info {
    background-color: #80ccec !important;
    border-color: #80ccec !important;
    color: #000;
}
.btn-info:hover, .btn-info:focus {
    background-color: #6fc1e0 !important;
    border-color: #6fc1e0 !important;
}

/* Warning */
.btn-warning {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2 !important;
    color: #000;
}

/* Danger */
.btn-danger {
    background-color: #c7acff !important;
    border-color: #c7acff !important;
    color: #000;
}