:root {
    /* Projekt-eigene Tokens */
    --club-red:   #cf2e2e;
    --club-red-d: #a82424;
    --club-red-l: #e84444;
    --club-dark:  #1a1a1a;
    --club-dark2: #2d2d2d;
    --club-light: #f5f5f5;

    /* Bootstrap-Variablen mitziehen – sonst bliebe z.B. jede .btn-primary,
       jeder Modal-Header und jede KPI-Karte im Bootstrap-Standardblau. */
    --bs-primary:     #cf2e2e;
    --bs-primary-rgb: 207, 46, 46;
    --bs-link-color:  #cf2e2e;
    --bs-link-color-rgb: 207, 46, 46;
    --bs-link-hover-color: #a82424;
    --bs-dark:        #1a1a1a;
    --bs-dark-rgb:    26, 26, 26;
    --bs-body-bg:     #f5f5f5;
    --bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Bootstrap-Komponenten, die feste Farbwerte statt Variablen nutzen */
.btn-primary {
    --bs-btn-bg: #cf2e2e;
    --bs-btn-border-color: #cf2e2e;
    --bs-btn-hover-bg: #a82424;
    --bs-btn-hover-border-color: #a82424;
    --bs-btn-active-bg: #a82424;
    --bs-btn-active-border-color: #a82424;
    --bs-btn-disabled-bg: #e84444;
    --bs-btn-disabled-border-color: #e84444;
}
.btn-outline-primary {
    --bs-btn-color: #cf2e2e;
    --bs-btn-border-color: #cf2e2e;
    --bs-btn-hover-bg: #cf2e2e;
    --bs-btn-hover-border-color: #cf2e2e;
    --bs-btn-active-bg: #cf2e2e;
    --bs-btn-active-border-color: #cf2e2e;
}
.bg-primary  { background-color: #cf2e2e !important; }
.text-primary{ color: #cf2e2e !important; }
.border-primary { border-color: #cf2e2e !important; }
.bg-dark     { background-color: #1a1a1a !important; }
.navbar.bg-dark, footer.bg-dark { background-color: #1a1a1a !important; }
.form-control:focus, .form-select:focus {
    border-color: #e84444;
    box-shadow: 0 0 0 .25rem rgba(207, 46, 46, .25);
}
body { background-color: #f5f5f5; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }