:root {
    /* Primary Colors */
    --deovaze-teal: #008080;
    --deovaze-maroon: #800808; /* Corrected from #008008 which is green */
    --deovaze-grey: #6B7280;

    /* Teal Shades */
    --deovaze-teal-50: #E6F2F2;
    --deovaze-teal-100: #CCE5E5;
    --deovaze-teal-200: #99CCCC;
    --deovaze-teal-300: #66B2B2;
    --deovaze-teal-400: #339999;
    --deovaze-teal-500: #008080; /* Primary */
    --deovaze-teal-600: #006666;
    --deovaze-teal-700: #004D4D;
    --deovaze-teal-800: #003333;
    --deovaze-teal-900: #001A1A;

    /* Maroon Shades */
    --deovaze-maroon-50: #FBE6E6;
    --deovaze-maroon-100: #F7CCCC;
    --deovaze-maroon-200: #EF9999;
    --deovaze-maroon-300: #E66666;
    --deovaze-maroon-400: #DE3333;
    --deovaze-maroon-500: #800808; /* Primary */
    --deovaze-maroon-600: #660606;
    --deovaze-maroon-700: #4D0505;
    --deovaze-maroon-800: #330303;
    --deovaze-maroon-900: #1A0202;

    /* Grey Shades */
    --deovaze-grey-50: #F9FAFB;
    --deovaze-grey-100: #F3F4F6;
    --deovaze-grey-200: #E5E7EB;
    --deovaze-grey-300: #D1D5DB;
    --deovaze-grey-400: #9CA3AF;
    --deovaze-grey-500: #6B7280;
    --deovaze-grey-600: #4B5563;
    --deovaze-grey-700: #374151;
    --deovaze-grey-800: #1F2937;
    --deovaze-grey-900: #111827;
}

/* Override StarCode primary colors */
.bg-primary {
    background-color: var(--deovaze-teal) !important;
}

.text-primary {
    color: var(--deovaze-teal) !important;
}

.btn-primary {
    background-color: var(--deovaze-teal);
    border-color: var(--deovaze-teal);
}

.btn-primary:hover {
    background-color: var(--deovaze-teal-600);
    border-color: var(--deovaze-teal-600);
}

/* Custom button styles */
.btn-deovaze-maroon {
    background-color: var(--deovaze-maroon);
    color: white;
    border: none;
}

.btn-deovaze-maroon:hover {
    background-color: var(--deovaze-maroon-600);
    color: white;
}

/* Card styling */
.card {
    border-color: var(--deovaze-grey-200);
}

/* Sidebar active state */
.menu-link.active {
    background-color: var(--deovaze-teal-50);
    color: var(--deovaze-teal);
}

.menu-link.active .title {
    color: var(--deovaze-teal);
}

.menu-link.active .menu-icon {
    color: var(--deovaze-teal);
}

/* Table styling */
.table thead th {
    background-color: var(--deovaze-grey-50);
    color: var(--deovaze-grey-700);
}

/* Custom badges */
.badge-deovaze-teal {
    background-color: var(--deovaze-teal-50);
    color: var(--deovaze-teal);
    padding: 5px 10px;
    border-radius: 4px;
}

.badge-deovaze-maroon {
    background-color: var(--deovaze-maroon-50);
    color: var(--deovaze-maroon);
    padding: 5px 10px;
    border-radius: 4px;
}


/* .modal-backdrop {
    display: none !important;
} */

.modal.show ~ .modal-backdrop {
    display: block !important;
}

.modal:not(.show) ~ .modal-backdrop {
    display: none !important;
}