/* new css by Darlene 09.04.2025 */

/* ======================================= */
/* 1. Theme Color Utilities (.bg-, .text-, .border-) */
/* ======================================= */

/* Success (Green: #8bab43) */
.bg-success { background-color: #8bab43 !important; }
.text-success { color:  #8bab43 !important; }
.border-success { border-color: #8bab43 !important; }

/* Danger (Red 2: #e20000) */
.bg-danger { background-color: #e20000 !important; }
.text-danger { color:  #e20000 !important; }
.border-danger { border-color: #e20000 !important; }

/* Primary (Blue: #3b81ba) */
.bg-primary { background-color: #3b81ba !important; }
.text-primary { color:  #3b81ba !important; }
.border-primary { border-color: #3b81ba !important; }

/* Info (Teal Blue: #19a2b8) */
.bg-info { background-color: #19a2b8 !important; }
.text-info { color:  #19a2b8 !important; }
.border-info { border-color: #19a2b8 !important; }

/* Warning (Yellow: #d89f39) */
.bg-warning { background-color: #d89f39 !important; }
.text-warning { color:  #d89f39 !important; }
.border-warning { border-color: #d89f39 !important; }

/* Dark (Dark Grey: #2e2e2e) */
.bg-dark { background-color: #2e2e2e !important; }
.text-dark { color:  #2e2e2e !important; }
.border-dark { border-color: #2e2e2e !important; }

/* Secondary (Light Grey: #e6e6e6) */
.bg-secondary { background-color: #e6e6e6 !important; }
.text-secondary { color:  #e6e6e6 !important; }
.border-secondary { border-color: #e6e6e6 !important; }


/* ======================================= */
/* 2. Button Overrides (.btn-) */
/* Note: Using a slightly darker shade for :hover is a best practice. */
/* ======================================= */

/* --- Primary Button --- */
.btn-primary { background-color: #3b81ba; border-color: #3b81ba; }
.btn-primary:hover, .btn-primary:focus { background-color: #3270a4; border-color: #3270a4; }

/* --- Secondary Button --- */
.btn-secondary { background-color: #e6e6e6; border-color: #e6e6e6; color: #4d4d4d; }
.btn-secondary:hover, .btn-secondary:focus { background-color: #d1d1d1; border-color: #d1d1d1; }

/* --- Success Button --- */
.btn-success { background-color: #8bab43; border-color: #8bab43; }
.btn-success:hover, .btn-success:focus { background-color: #7e9a3b; border-color: #7e9a3b; }

/* --- Danger Button --- */
.btn-danger { background-color: #e20000; border-color: #e20000; }
.btn-danger:hover, .btn-danger:focus { background-color: #c90000; border-color: #c90000; }

/* --- Info Button --- */
.btn-info { background-color: #19a2b8; border-color: #19a2b8; }
.btn-info:hover, .btn-info:focus { background-color: #168ba0; border-color: #168ba0; }

/* --- Warning Button --- */
.btn-warning { background-color: #d89f39; border-color: #d89f39; color: #212529; } /* Text needs to be dark */
.btn-warning:hover, .btn-warning:focus { background-color: #bfa850; border-color: #bfa850; }

/* --- Dark Button --- */
.btn-dark { background-color: #2e2e2e; border-color: #2e2e2e; }
.btn-dark:hover, .btn-dark:focus { background-color: #1c1c1c; border-color: #1c1c1c; }


/* ======================================= */
/* 3. Alert Overrides (.alert-) */
/* ======================================= */

/* Success Alert */
.alert-success { background-color: #ecf3e2; border-color: #c7d8a6; color: #5a703a; }

/* Danger Alert */
.alert-danger { background-color: #f7e6e6; border-color: #e99090; color: #a40000; }

/* Primary Alert */
.alert-primary { background-color: #e6f0f7; border-color: #aebfd1; color: #2e6694; }

/* Info Alert */
.alert-info { background-color: #e0f2f5; border-color: #9cd4db; color: #157989; }

/* Warning Alert */
.alert-warning { background-color: #fcf6e7; border-color: #e9d3a4; color: #a47a2c; }