/* Domyślne wartości zmiennych CSS (dla przypadku gdy data-bs-theme nie jest ustawiony) */
:root {
    --bg-color: #F4F5F7;
    --text-color: #121212;
    --card-bg: #ffffff;
    --border-color: #e0e0e0;
    --primary-color: #007bff;
    --secondary-color: #6c757d;
    
    /* Status colors - domyślne (jasny motyw) */
    --status-new-bg: #72D26C1A;
    --status-new-color: #4EB248;
    --status-new-border: #4EB248;
    
    --status-in-progress-bg: #FFAF381A;
    --status-in-progress-color: #E58A00;
    --status-in-progress-border: #E58A00;
    
    --status-waiting-bg: #A160E31A;
    --status-waiting-color: #A160E3;
    --status-waiting-border: #A160E3;
    
    --status-closed-bg: #66646D1A;
    --status-closed-color: #797979;
    --status-closed-border: #66646D;
    
    --status-read-bg: #0E96E51A;
    --status-read-color: #0E96E5;
    --status-read-border: #0E96E5;
}

:root[data-bs-theme="light"] {
    --bg-color: #F4F5F7;
    --text-color: #121212;
    --card-bg: #ffffff;
    --border-color: #e0e0e0;
    --primary-color: #007bff;
    --secondary-color: #6c757d;
    
    /* Status colors */
    /* Nowe */
    --status-new-bg: #72D26C1A;
    --status-new-color: #4EB248;
    --status-new-border: #4EB248;
    
    /* W trakcie*/
    --status-in-progress-bg: #FFAF381A;
    --status-in-progress-color: #E58A00;
    --status-in-progress-border: #E58A00;
    
    /* Oczekuje */
    --status-waiting-bg: #A160E31A;
    --status-waiting-color: #A160E3;
    --status-waiting-border: #A160E3;
    
    /* Zamknięte */
    --status-closed-bg: #66646D1A;
    --status-closed-color: #797979;
    --status-closed-border: #66646D;
    
    /* Odczytane */
    --status-read-bg: #0E96E51A;
    --status-read-color: #0E96E5;
    --status-read-border: #0E96E5;

}   

:root[data-bs-theme="dark"] {
    --bg-color: #1C1D21;
    --text-color: #ffffff;
    --card-bg: #2d2d2d;
    --border-color: #404040;
    --primary-color: #0d6efd;
    --secondary-color: #6c757d;
    
    /* Status colors - ciemniejsze wersje */
    /* Nowe */
    --status-new-bg: #72D26C1A;
    --status-new-color: #4EB248;
    --status-new-border: #4EB248;
    /* W trakcie*/
    --status-in-progress-bg: #FFAF381A;
    --status-in-progress-color: #E58A00;
    --status-in-progress-border: #E58A00;
    
    /* Oczekuje */
    --status-waiting-bg: #A160E31A;
    --status-waiting-color: #A160E3;
    --status-waiting-border: #A160E3;
    
    /* Zamknięte */
    --status-closed-bg: #66646D1A;
    --status-closed-color: #797979;
    --status-closed-border: #797979;
    
    /* Odczytane */
    --status-read-bg: #0E96E51A;
    --status-read-color: #0E96E5;
    --status-read-border: #0E96E5;

}


body {
    font-family: "Nunito Sans" !important;
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
}

.card {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

/* Możesz dodać więcej elementów, które chcesz stylizować */
.table {
    color: var(--text-color) !important;
}

.btn,
.btn:focus,
.btn:hover,
.btn:active,
.btn.active,
.btn.show,
.btn-check:checked + .btn,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Dla dropdown menu */
.btn[data-bs-toggle="dropdown"]:focus,
.btn[data-bs-toggle="dropdown"]:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Jeśli chcesz stylizować dropdown menu */
.dropdown-menu {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

.dropdown-item {
    color: var(--text-color) !important;
}

.dropdown-item:hover {
    background-color: var(--bg-color) !important;
}

:root {
    --tekst: #15131B;
    --boxy: #FFF;
    --boxy_stroke: #FFF;
    --border-color: #e0e0e0;
    --bg-color: #f5f5f5;
    --primary-color: #0d6efd;
    --secondary-color: #969696;
    --text-color: #15131B;
    --czat_klient: #E0E0E9;
    --buttony: #6A74C9;
    --buttony_szare: #EEEFF1;
    --buttony_szare_stroke: rgba(255, 255, 255, 0.00);
    --to: #F4F5F7;
    --navbar: #FFF;
    --navbar_stroke: #FFF;
}

/* Tryb ciemny Bootstrap 5 */
[data-bs-theme="dark"] {
    --tekst: #f5f5f5;
    --boxy: #23232b;
    --boxy_stroke: #34344a;
    --border-color: #34344a;
    --bg-color: #23232b;
    --primary-color: #4f8cff;
    --secondary-color: #b0b0b0;
    --text-color: #f5f5f5;
    --czat_klient: #303135;
    --buttony: #6A74C9;
    --buttony_szare: #323236;
    --buttony_szare_stroke: #323236;
    --to: #2a2a2a;
    --navbar: #24252B;
    --navbar_stroke: #24252B;
}