/* Define the color variable */
:root {
    --primary-blue: #004560;
    --primary-blue-rgb: 0, 69, 96;

    --alert-red: #FF1654;

    --battleship-grey: #808F87;
    --bs-nav-pills-link-active-color: #808F87;
    --nice-green: #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: var(--alert-red);

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

    --emphasis-red: #FE7F2D;
    --emphasis-red-light: #FE7F2DE5;
    --sidebar-text-color: #E8E8E8;
    --sidebar-hover-color: var(--emphasis-red);
    --bs-border-radius: 20px;
    --bs-border-radius-sm: 15px;

    /*original*/
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;

    /*overwrites*/
    --bs-danger: var(--alert-red);
    --bs-danger-rgb: 255, 22, 84;
}

/*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;
}


[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;*/
}