:root {
    --bs-btn-active-bg: #f4faff!important;
    --bs-body-bg: #fff;
    --primary-color-dark: #FFDE59!important;
    --border-dark: #888!important;
    --input-border-color: #02F6EF!important;
}

div:where(.swal2-icon).swal2-warning {
    border-color: var(--bs-btn-bg)!important;
    color: var(--bs-btn-bg)!important;
}

.shadow{
    box-shadow: 1px 3px 6px var(--bs-btn-bg)!important;
}

input, select, textarea {
    border: 1px solid var(--border-dark)!important;    
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)!important;
}

input:focus, select:focus, textarea:focus{
    border: 1px solid var(--border-dark)!important; 
    box-shadow: 0 4px 6px rgba(0, 229, 255, 0.8)!important;
}

.card{
    border: 1px solid #c8c8c8!important;    
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4)!important;
}

/* Primary Colors */
/* .btn-primary { background-color: #FFC906; color: #222; } */
/* .btn-primary .btn-check { 
    background-color: #E67E22!important; 
    color: #0056B3!important; 
    border: 1px solid #0056B3!important; 
    transition: transform 0.3s ease; 
} */

/* .btn, .btn-primary, a.btn {
    background-color: var(--primary-color-dark)!important;
    border: 1px solid black!important;
    color: rgb(0, 0, 0)!important;    
} */

/* .btn-primary:hover, .btn-primary:active, a.btn:hover, a.btn:active {
    background-color: var(--primary-color-dark)!important;
    color: rgb(0, 0, 0)!important;
    transform: translateY(-0.5px);
} */

.btn-link {
    background: none!important;
    color: var(--primary-color-dark)!important;
}

.btn-secondary { background-color: #6C757D!important; color: #fff; }
.btn-success { background-color: #28A745!important; color: #fff; }
.btn-danger { background-color: #b30012!important; color: #fff; }
.btn-warning { background-color: #FFC107!important; color: #000; }
.btn-info { background-color: #17A2B8!important; color: #fff; }
.btn-light { background-color: #F8F9FA!important; color: #000; }
.btn-dark { background-color: #343A40!important; color: #fff; }

/* Additional Colors */
.btn-orange { background-color: #eb9100!important; color: #fff; }
.btn-cyan { background-color: #00FFFF!important; color: #fff; }
.btn-purple { background-color: #6a0dad!important; color: #fff; }
.btn-red { background-color: #c90000!important; color: #fff; }
.btn-yellow { background-color: #FFD700!important; color: #000; }
.btn-teal { background-color: #20c997!important; color: #fff; }
.btn-navy { background-color: #001F3F!important; color: #fff; }
.btn-olive { background-color: #3D9970!important; color: #fff; }
.btn-maroon { background-color: #B03060!important; color: #fff; }
.btn-green { background-color: #28a745!important; color: #fff; } /* Green Button */
.btn-black { background-color: #2A2E35!important; color: #fff; } /* Black Button */

/* Hover Effects for Buttons */
/* .btn-primary:hover { transform: translateY(-0.5px); background-color:#000000!important;} */
.btn-primary:active {transform: translateY(0px); transition: transform 0.01s ease;}

.btn-secondary:hover { background-color: #5a6268!important; }
.btn-success:hover { background-color: #218838!important; }
.btn-danger:hover { background-color: #c82333!important; }
.btn-warning:hover { background-color: #e0a800!important; }
.btn-info:hover { background-color: #138496!important; }
.btn-light:hover { background-color: #e2e6ea!important; }
.btn-dark:hover { background-color: #23272b!important; }

.btn-orange:hover { background-color: #e67300!important; }
.btn-cyan:hover { background-color: #00e5e5!important; }
.btn-purple:hover { background-color: #5b0c8c!important; }
.btn-red:hover { background-color: #cc0000!important; }
.btn-yellow:hover { background-color: #e0b800!important; }
.btn-teal:hover { background-color: #1cb083!important; }
.btn-navy:hover { background-color: #001c38!important; }
.btn-olive:hover { background-color: #367d5a!important; }
.btn-maroon:hover { background-color: #9c2e50!important; }
.btn-green:hover { background-color: #218838!important; } /* Green Hover */

/* Text Colors */
.text-primary { color: #007BFF!important; }
.text-secondary { color: #6C757D!important; }
.text-orange { color: #FF7F50!important; }
.text-cyan { color: #00FFFF!important; }
.text-purple { color: #6a0dad!important; }
.text-blue { color: #007BFF!important; }
.text-violet { color: #8A2BE2!important; }
.text-red { color: #FF0000!important; }
.text-light-red { color: #FF6347!important; }
.text-light-blue { color: #ADD8E6!important; }
.text-yellow { color: #FFD700!important; }
.text-teal { color: #20c997!important; }
.text-green { color: #28a745!important; } /* Green Text */
.text-white { color: #fff!important; }
.text-black { color: #2A2E35!important; } /* Black Text */
.text-navy { color: #001F3F!important; }
.text-olive { color: #3D9970!important; }
.text-maroon { color: #B03060!important; }
.text-light { color: #f8f9fa!important; }
.text-muted { color: #6c757d!important; }

/* Background Colors */
/* .bg-primary { background-color: #007BFF; color: #fff; } */
.bg-disabled { background-color: #f8f9fa!important; color: #ccc!important; border: 1px solid #ccc!important; cursor: not-allowed!important; }
.bg-secondary { background-color: #6C757D; color: #fff; }
.bg-orange { background-color: #FF7F50; color: #fff; }
.bg-cyan { background-color: #00FFFF; color: #000; }
.bg-purple { background-color: #6a0dad; color: #fff; }
.bg-red { background-color: #FF0000; color: #fff; }
.bg-yellow { background-color: #FFD700; color: #000; }
.bg-light-yellow { background-color: #FFECB3; color: #000; }
.bg-teal { background-color: #20c997; color: #fff; }
.bg-green { background-color: #28a745; color: #fff; } /* Green Background */
.bg-blue { background-color: #007BFF; color: #fff; }
.bg-navy { background-color: #001F3F; color: #fff; }
.bg-olive { background-color: #3D9970; color: #fff; }
.bg-maroon { background-color: #B03060; color: #fff; }
.bg-black { background-color: #2A2E35; color: #fff; } /* Black Background */
.bg-white { background-color: #fff; color: #000; }
/* Background Gradient */
.bg-gradient {
    background: linear-gradient(to right, #007BFF, #00FFFF);
    color: #fff;
}
/* Background Gradient with Opacity */
.bg-gradient-opacity {
    background: linear-gradient(to right, rgba(0, 123, 255, 0.5), rgba(0, 255, 255, 0.5));
    color: #fff;
}
/* Background Gradient with Custom Colors */
.bg-gradient-custom {
    background: linear-gradient(to right, #FF7F50, #6a0dad);
    color: #fff;
}
/* Background Gradient with Custom Colors and Opacity */
.bg-gradient-custom-opacity {
    background: linear-gradient(to right, rgba(255, 127, 80, 0.5), rgba(106, 13, 173, 0.5));
    color: #fff;
}
/* Background Gradient with Custom Colors and Opacity */
.bg-gradient-custom-opacity-2 {
    background: linear-gradient(to right, rgba(255, 215, 0, 0.5), rgba(32, 201, 151, 0.5));
    color: #fff;
}
/* Background Gradient with Custom Colors and Opacity */
.bg-gradient-custom-opacity-3 {
    background: linear-gradient(to right, rgba(255, 0, 0, 0.5), rgba(255, 215, 0, 0.5));
    color: #fff;
}

/* Border Colors */
.border-primary, .border-blue { border: 1px solid #007BFF!important; }
.border-secondary { border-color: #6C757D; }
.border-orange { border-color: #FF7F50; }
.border-cyan { border-color: #00FFFF; }
.border-purple { border-color: #6a0dad; }
.border-red { border-color: #FF0000; }
.border-yellow { border-color: #FFD700; }
.border-teal { border-color: #20c997; }
.border-green { border-color: #28a745; } /* Green Border */

/* Shadow Effects */
.shadow-light { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.shadow-medium { box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); }
.shadow-strong { box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3); }
.shadow-deep { box-shadow: 0 12px 16px rgba(0, 0, 0, 0.4); }