/* Define the color variable */
:root {
    --primary-blue: #004560;
    --alert-red: #FF1654;
    --bs-danger: #FF1654;
    --bs-danger-rgb: 255, 22, 84;
    --battleship-grey: #808F87;
    --bs-nav-pills-link-active-color: #808F87;
    --bs-primary: #6A8E7F;
    /* Status Created */
    --status-created-bg: #cce5ff;
    --status-created-color: #004085;

    /* Status Planning */
    --status-planning-bg: #d1ecf1;
    --status-planning-color: #0c5460;

    /* Status In Progress */
    --status-in-progress-bg: #fff3cd;
    --status-in-progress-color: #856404;

    /* Status Critical */
    --status-critical-bg: #f8d7da;
    --status-critical-color: #FF1654;

    /* Status Done */
    --status-done-bg: #d4edda;
    --status-done-color: #155724;

    --emphasis-red: #FE7F2D;
    --emphasis-red-light: #FE7F2DE5;
}

/*linear-gradient(135deg, #0d47a1, #1976d2);*/
/*better blue:*/
/*    --bs-tertiary-bg-rgb: 25, 118, 210;*/

/*yellows:*/
/*F5F5F5*/
[data-bs-theme=light] {
    --bs-tertiary-bg-rgb: 0, 69, 96;
    --bs-emphasis-color-rgb: 256, 256, 256;
    --bs-link-color-rgb: 0, 0, 0;

}

[data-bs-theme=dark] {

    /*--bs-tertiary-bg-rgb: 43, 48, 53;*/
    --bs-link-color-rgb: 255, 255, 255;
}

:root {
    --sidebar-text-color: #E8E8E8;
    --sidebar-hover-color: #808F87;
}

[data-bs-theme=light] .sidebar a,
[data-bs-theme=light] .sidebar button,
[data-bs-theme=light] .sidebar li,
[data-bs-theme=dark] .sidebar a,
[data-bs-theme=dark] .sidebar button,
[data-bs-theme=dark] .sidebar li {
    color: var(--sidebar-text-color);
}

[data-bs-theme=light] .sidebar a:hover,
[data-bs-theme=light] .sidebar button:hover,
[data-bs-theme=light] .sidebar li:hover,
[data-bs-theme=dark] .sidebar a:hover,
[data-bs-theme=dark] .sidebar button:hover,
[data-bs-theme=dark] .sidebar li:hover {
    color: var(--sidebar-hover-color);
}


.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #004560;
}

/* Override Bootstrap's alert red color */
.alert-danger {
    background-color: var(--alert-red) !important;
    border-color: var(--alert-red) !important;
    color: #fff !important;
}

[data-bs-theme=light] .card {
    --bs-card-border-color: "";
    --bs-card-background: #fff;


}

[data-bs-theme=light] .card {
    --bs-card-bg: #fff;

}

[data-bs-theme=light] main,
[data-bs-theme=light] .header-bar,
[data-bs-theme=light] .table {
    background-color: #f1f1f1 !important;
    /*--bs-table-bg: #f1f1f1 !important;*/
}