/**
 * vereino – Brand Colors
 *
 * Primary:    #2563EB  (Blau)
 * Secondary:  #16A34A  (Grün / mapped to Bootstrap "success")
 * Background: #F8FAFC
 * Text:       #1E293B
 *
 * Anpassungen hier vornehmen – diese Datei überschreibt bootstrap.min.css.
 */

/* ─── Root-Variablen (Bootstrap 5.2+ nutzt diese; hier als Basis) ─── */
:root {
    --bs-primary:         #2563EB;
    --bs-primary-rgb:     37, 99, 235;
    --bs-success:         #16A34A;
    --bs-success-rgb:     22, 163, 74;
    --bs-body-bg:         #F8FAFC;
    --bs-body-color:      #1E293B;
    --bs-link-color:      #2563EB;
    --bs-link-hover-color:#1d4ed8;
}

/* ─── Body ─────────────────────────────────────────────────────────── */
body {
    background-color: #F8FAFC;
    color: #1E293B;
}

/* ─── Links ─────────────────────────────────────────────────────────── */
a {
    color: #2563EB;
}
a:hover {
    color: #1d4ed8;
}

/* ─── Buttons – Primary ─────────────────────────────────────────────── */
.btn-primary {
    background-color: #2563EB;
    border-color:     #2563EB;
    color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #1d4ed8;
    border-color:     #1a44c2;
    color: #fff;
}
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.5);
}
.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #2563EB;
    border-color:     #2563EB;
}

/* ─── Buttons – Outline Primary ─────────────────────────────────────── */
.btn-outline-primary {
    color:        #2563EB;
    border-color: #2563EB;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: #2563EB;
    border-color:     #2563EB;
    color: #fff;
}
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.5);
}

/* ─── Buttons – Success (= Secondary Brand Color) ───────────────────── */
.btn-success {
    background-color: #16A34A;
    border-color:     #16A34A;
    color: #fff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.show > .btn-success.dropdown-toggle {
    background-color: #15803d;
    border-color:     #166534;
    color: #fff;
}
.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 0.25rem rgba(22, 163, 74, 0.5);
}
.btn-success:disabled,
.btn-success.disabled {
    background-color: #16A34A;
    border-color:     #16A34A;
}

/* ─── Buttons – Outline Success ──────────────────────────────────────── */
.btn-outline-success {
    color:        #16A34A;
    border-color: #16A34A;
}
.btn-outline-success:hover,
.btn-outline-success:active,
.btn-outline-success.active {
    background-color: #16A34A;
    border-color:     #16A34A;
    color: #fff;
}
.btn-outline-success:focus {
    box-shadow: 0 0 0 0.25rem rgba(22, 163, 74, 0.5);
}

/* ─── Backgrounds ───────────────────────────────────────────────────── */
.bg-primary {
    background-color: #2563EB !important;
}
.bg-success {
    background-color: #16A34A !important;
}

/* ─── Text Colors ───────────────────────────────────────────────────── */
.text-primary {
    color: #2563EB !important;
}
.text-success {
    color: #16A34A !important;
}

/* ─── Borders ───────────────────────────────────────────────────────── */
.border-primary {
    border-color: #2563EB !important;
}
.border-success {
    border-color: #16A34A !important;
}

/* ─── Badges ────────────────────────────────────────────────────────── */
.badge.bg-primary,
.badge.text-bg-primary {
    background-color: #2563EB !important;
    color: #fff;
}
.badge.bg-success,
.badge.text-bg-success {
    background-color: #16A34A !important;
    color: #fff;
}

/* ─── Alerts ────────────────────────────────────────────────────────── */
.alert-primary {
    color: #1e3a8a;
    background-color: #dbeafe;
    border-color: #bfdbfe;
}
.alert-primary .alert-link {
    color: #1e3a8a;
}
.alert-success {
    color: #14532d;
    background-color: #dcfce7;
    border-color: #bbf7d0;
}
.alert-success .alert-link {
    color: #14532d;
}

/* ─── Form Controls – Focus Ring ────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
    border-color: #93c5fd;
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.25);
}
.form-check-input:checked {
    background-color: #2563EB;
    border-color:     #2563EB;
}
.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.25);
}

/* ─── Navbar ────────────────────────────────────────────────────────── */
.navbar-dark.bg-primary,
.bg-primary.navbar {
    background-color: #2563EB !important;
}

/* ─── Nav Pills ─────────────────────────────────────────────────────── */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #2563EB;
}

/* ─── Pagination ────────────────────────────────────────────────────── */
.page-link {
    color: #2563EB;
}
.page-link:hover {
    color: #1d4ed8;
}
.page-item.active .page-link {
    background-color: #2563EB;
    border-color:     #2563EB;
    color: #fff;
}
.page-item.active .page-link:focus {
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.25);
}

/* ─── Progress Bar ──────────────────────────────────────────────────── */
.progress-bar {
    background-color: #2563EB;
}
.progress-bar.bg-success {
    background-color: #16A34A !important;
}

/* ─── List Group ────────────────────────────────────────────────────── */
.list-group-item.active {
    background-color: #2563EB;
    border-color:     #2563EB;
}

/* ─── Dropdown ──────────────────────────────────────────────────────── */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #2563EB;
}

/* ─── Spinner ───────────────────────────────────────────────────────── */
.spinner-border.text-primary,
.spinner-grow.text-primary {
    color: #2563EB !important;
}

/* ─── Card Header (optional, wenn .bg-primary genutzt) ─────────────── */
.card-header.bg-primary {
    background-color: #2563EB !important;
    color: #fff;
}

/* ─── Background für body (Override sfm.css .bg-lightgrey) ─────────── */
body.bg-lightgrey {
    background-color: #F8FAFC;
}