/* Custom Bootstrap Theme with Blue, Light Gray, and Red Accent */

:root {
    --bs-primary: #cc6b26;  /* Blue */
    --bs-secondary: #9CA3AF;  /* Gray */
    --bs-success: #10B981;  /* Green */
    --bs-info: #60A5FA;  /* Light Blue */
    --bs-warning: #FBBF24;  /* Amber */
    --bs-danger: #EF4444;  /* Red */
    --bs-light: #F3F4F6;  /* Very Light Gray */
    --bs-dark: #00264e;  /* Dark Gray */
    
    /* RGB values for the colors */
    --bs-primary-rgb: 59, 130, 246;
    --bs-secondary-rgb: 156, 163, 175;
    --bs-success-rgb: 16, 185, 129;
    --bs-info-rgb: 96, 165, 250;
    --bs-warning-rgb: 251, 191, 36;
    --bs-danger-rgb: 239, 68, 68;
    --bs-light-rgb: 243, 244, 246;
    --bs-dark-rgb: 31, 41, 55;

    /* Other Bootstrap variables */
    --bs-body-color: #374151;
    --bs-body-bg: #FFFFFF;
    --bs-border-color: #E5E7EB;
    --bs-link-color: #2563EB;
    --bs-link-hover-color: #1D4ED8;
}

/* Background classes */
.bg-primary { background-color: var(--bs-primary) !important; }
.bg-secondary { background-color: var(--bs-secondary) !important; }
.bg-success { background-color: var(--bs-success) !important; }
.bg-info { background-color: var(--bs-info) !important; }
.bg-warning { background-color: var(--bs-warning) !important; }
.bg-danger { background-color: var(--bs-danger) !important; }
.bg-light { background-color: var(--bs-light) !important; }
.bg-dark { background-color: var(--bs-dark) !important; }

/* Text color classes */
.text-primary { color: var(--bs-primary) !important; }
.text-secondary { color: var(--bs-secondary) !important; }
.text-success { color: var(--bs-success) !important; }
.text-info { color: var(--bs-info) !important; }
.text-warning { color: var(--bs-warning) !important; }
.text-danger { color: var(--bs-danger) !important; }
.text-light { color: var(--bs-light) !important; }
.text-dark { color: var(--bs-dark) !important; }

/* Navbar styling */
.navbar {
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-nav .nav-link {
    color: var(--bs-dark);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: var(--bs-primary);
}

/* Button styling */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover {
    background-color: #2563EB;  /* Darker blue */
    border-color: #2563EB;
}

.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.btn-secondary:hover {
    background-color: #6B7280;  /* Darker gray */
    border-color: #6B7280;
}

/* Card styling */
.card {
    border: none;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.card-header {
    background-color: var(--bs-light);
    border-bottom: 1px solid #E5E7EB;
}

/* Form control styling */
.form-control {
    border-color: #D1D5DB;
}

.form-control:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);
}

/* Table styling */
.table {
    color: var(--bs-dark);
}

.table thead th {
    border-bottom: 2px solid #E5E7EB;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--bs-light);
}

/* Alert styling */
.alert-primary {
    background-color: #DBEAFE;  /* Light blue */
    border-color: #BFDBFE;
    color: #1E40AF;
}

.alert-secondary {
    background-color: #F3F4F6;
    border-color: #E5E7EB;
    color: var(--bs-secondary);
}

/* Badge styling */
.badge-primary {
    background-color: var(--bs-primary);
}

.badge-secondary {
    background-color: var(--bs-secondary);
}

/* Custom modern scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bs-light);
}

::-webkit-scrollbar-thumb {
    background: var(--bs-secondary);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--bs-primary);
}

/* Pagination styling */
.pagination {
    --bs-pagination-color: var(--bs-primary);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-light);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);
}

.page-link {
    background-color: var(--bs-pagination-bg);
    border: 1px solid var(--bs-pagination-border-color);
}

.active > .page-link, .page-link.active {
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
}

/* Link colors */
.nav-link, .bg-light .nav-link, .bg-light a {
    color: var(--bs-dark);
}

.bg-dark .nav-link, .bg-dark a {
    color: var(--bs-light);
}

.bg-dark .dropdown-item {
    color: var(--bs-dark);
}