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

    /* Avatar palette */
    --avatar-1: #6366f1;  /* Indigo */
    --avatar-2: #ec4899;  /* Pink */
    --avatar-3: #f59e0b;  /* Amber */
    --avatar-4: #10b981;  /* Emerald */
    --avatar-5: #3b82f6;  /* Blue */
    --avatar-6: #8b5cf6;  /* Violet */
    --avatar-7: #ef4444;  /* Red */
    --avatar-8: #14b8a6;  /* Teal */

    --emphasis-red: #FE7F2D;
    --emphasis-red-light: #FE7F2DE5;
    --emphasis-orange: #FE7F2D;  /* Awerka orange - same as emphasis-red */
    --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-warning: var(--emphasis-orange);
    --bs-warning-rgb: 254, 127, 45;
    --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;

    /* Override bg-light for dark mode (badges, cards, etc.) */
    --bs-light: #2b3035;
    --bs-light-rgb: 43, 48, 53;

    /* Dark mode status badge colors */
    --status-created-bg: rgba(0, 64, 133, 0.3);
    --status-created-color: #8cb4e0;
    --status-planning-bg: rgba(12, 84, 96, 0.3);
    --status-planning-color: #7ec8d4;
    --status-in-progress-bg: rgba(133, 100, 4, 0.3);
    --status-in-progress-color: #f0d77a;
    --status-critical-bg: rgba(255, 22, 84, 0.2);
    --status-critical-color: #ff6b8a;
    --status-done-bg: rgba(21, 87, 36, 0.3);
    --status-done-color: #7ec89a;
}


[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);
}

/* Plan indicator in sidebar bottom */
.sidebar-plan-card {
    display: block;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.2s ease;
}

a.sidebar-plan-card:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(254, 127, 45, 0.3);
}

.sidebar-plan-badge {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--sidebar-text-color);
    letter-spacing: 0.02em;
}

.sidebar-plan-upgrade {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--emphasis-orange);
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

a.sidebar-plan-card:hover .sidebar-plan-upgrade {
    opacity: 1;
}

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