/* Bootstrap-Theming ohne Sass-Build.
   Im Projekt liegt nur das fertige Dist (Content/bootstrap/*.css), daher
   werden die Success-Tokens hier ueberschrieben statt neu kompiliert.
   Muss NACH bootstrap.min.css eingebunden werden (siehe _Layout.cshtml).

   Zwischentoene sind nach Bootstraps eigenen Faktoren gerechnet:
   tint 15/10/20 % fuer Buttons, mix 5/7,5/10/20 % fuer die Tabelle. */

:root,
[data-bs-theme="light"] {
    --bs-green: #4CAF50;
    --bs-success: #4CAF50;
    --bs-success-rgb: 76, 175, 80;
    --bs-success-bg-subtle: #DBEFDC;
    --bs-success-border-subtle: #B7DFB9;
    --bs-success-text-emphasis: #1E4620;
    /* Formular-Validierung teilt sich in Bootstrap die Success-Farbe */
    --bs-form-valid-color: #4CAF50;
    --bs-form-valid-border-color: #4CAF50;
}

[data-bs-theme="dark"] {
    --bs-success-bg-subtle: #0F2310;
    --bs-success-border-subtle: #2E6930;
    --bs-success-text-emphasis: #94CF96;
    --bs-form-valid-color: #94CF96;
    --bs-form-valid-border-color: #94CF96;
}

/* #4CAF50 hat zu Weiss nur 2,8:1 Kontrast, zu Schwarz 7,6:1. Bootstraps
   color-contrast() waehlt darum Schwarz - und hellt Hover/Active auf
   (tint), statt sie abzudunkeln (shade). Genau das bilden die drei
   folgenden Bloecke nach, die den Gruenton hart codiert enthalten. */
.btn-success {
    --bs-btn-color: #000;
    --bs-btn-bg: #4CAF50;
    --bs-btn-border-color: #4CAF50;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #67BB6A;
    --bs-btn-hover-border-color: #5EB762;
    --bs-btn-focus-shadow-rgb: 65, 149, 68;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #70BF73;
    --bs-btn-active-border-color: #5EB762;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #4CAF50;
    --bs-btn-disabled-border-color: #4CAF50;
}

.btn-outline-success {
    --bs-btn-color: #4CAF50;
    --bs-btn-border-color: #4CAF50;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #4CAF50;
    --bs-btn-hover-border-color: #4CAF50;
    --bs-btn-focus-shadow-rgb: 76, 175, 80;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #4CAF50;
    --bs-btn-active-border-color: #4CAF50;
    --bs-btn-disabled-color: #4CAF50;
    --bs-btn-disabled-border-color: #4CAF50;
}

.table-success {
    --bs-table-bg: #DBEFDC;
    --bs-table-border-color: #AFBFB0;
    --bs-table-striped-bg: #D0E3D1;
    --bs-table-active-bg: #C5D7C6;
    --bs-table-hover-bg: #CBDDCC;
}

/* .text-bg-success setzt color: #fff !important hart - auf #4CAF50 waere
   das 2,8:1 und damit unlesbar. */
.text-bg-success {
    color: #000 !important;
}