/*
 * Zamiana głównego koloru akcentu (fioletowy/niebieski #624bff) na szary.
 * Kolory statusów - success/warning/danger/info - CELOWO pozostają bez zmian.
 * Wgrywane jako OSTATNI plik CSS, po theme.min.css, żeby nadpisać jego reguły.
 */

:root, [data-bs-theme=light] {
    --gray-accent: #475569;       /* główny szary akcent (= dashui-gray-600) */
    --gray-accent-hover: #334155; /* ciemniejszy przy hover/active (= dashui-gray-700) */
    --gray-accent-rgb: 71, 85, 105;
}
[data-bs-theme=dark] {
    --gray-accent: #94a3b8;       /* jaśniejszy szary w trybie ciemnym, dla kontrastu */
    --gray-accent-hover: #cbd5e1;
    --gray-accent-rgb: 148, 163, 184;
}

/* Przyciski wypełnione */
.btn-primary {
    --dashui-btn-color: #fff;
    --dashui-btn-bg: var(--gray-accent);
    --dashui-btn-border-color: var(--gray-accent);
    --dashui-btn-hover-color: #fff;
    --dashui-btn-hover-bg: var(--gray-accent-hover);
    --dashui-btn-hover-border-color: var(--gray-accent-hover);
    --dashui-btn-active-color: #fff;
    --dashui-btn-active-bg: var(--gray-accent-hover);
    --dashui-btn-active-border-color: var(--gray-accent-hover);
    --dashui-btn-disabled-color: #fff;
    --dashui-btn-disabled-bg: var(--gray-accent);
    --dashui-btn-disabled-border-color: var(--gray-accent);
}

/* Przyciski z obrysem */
.btn-outline-primary {
    --dashui-btn-color: var(--gray-accent);
    --dashui-btn-border-color: var(--gray-accent);
    --dashui-btn-hover-color: #fff;
    --dashui-btn-hover-bg: var(--gray-accent);
    --dashui-btn-hover-border-color: var(--gray-accent);
    --dashui-btn-active-color: #fff;
    --dashui-btn-active-bg: var(--gray-accent);
    --dashui-btn-active-border-color: var(--gray-accent);
    --dashui-btn-disabled-color: var(--gray-accent);
    --dashui-btn-disabled-border-color: var(--gray-accent);
}

/* Linki */
a, .link-primary {
    --dashui-link-color-rgb: var(--gray-accent-rgb);
}
a:hover, .link-primary:hover {
    --dashui-link-color-rgb: var(--gray-accent-rgb);
}

/* Teksty, tła, obramowania z klasą -primary */
.text-primary {
    color: var(--gray-accent) !important;
}
.bg-primary {
    background-color: var(--gray-accent) !important;
}
.bg-primary-soft {
    background-color: rgba(var(--gray-accent-rgb), .3) !important;
}
.border-primary {
    border-color: var(--gray-accent) !important;
}
.text-bg-primary {
    background-color: var(--gray-accent) !important;
    color: #fff !important;
}

/* Menu boczne / zakładki - aktywny element */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--gray-accent);
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--gray-accent);
}

/* Przełączniki / checkboxy / radiobuttony - zaznaczone */
.form-check-input:checked {
    background-color: var(--gray-accent);
    border-color: var(--gray-accent);
}
.form-check-input:focus {
    border-color: var(--gray-accent);
}

/* Paginacja - aktywna strona */
.pagination {
    --dashui-pagination-active-bg: var(--gray-accent);
    --dashui-pagination-active-border-color: var(--gray-accent);
    --dashui-pagination-focus-bg: var(--gray-accent);
}

/* Listy - element aktywny */
.list-group {
    --dashui-list-group-active-bg: var(--gray-accent);
    --dashui-list-group-active-border-color: var(--gray-accent);
}

/* Pasek postępu */
.progress, .progress-stacked {
    --dashui-progress-bar-bg: var(--gray-accent);
}

/* Suwak (range) */
.form-range::-webkit-slider-thumb { background-color: var(--gray-accent); }
.form-range::-moz-range-thumb { background-color: var(--gray-accent); }

/* Górna belka marki/logo (jeśli theme koloruje ją primary) */
.navbar-brand, .navbar-brand:hover, .navbar-brand:focus {
    color: var(--gray-accent);
}