/* Eigene Anpassungen am Velzon-Theme. Diese Datei wird nach app.min.css geladen. */

/* --- Markenpalette -------------------------------------------------------
   Die sechs semantischen Farben stehen direkt im Theme (bootstrap.min.css und
   app.min.css), samt aller daraus abgeleiteten Hover-, Active- und
   Subtle-Abstufungen:

     primary   #4689a3  Hellblau      secondary  #2178a3  Dunkelblau
     info      #2178a3  Dunkelblau    success    #0bf4b2  Gruen
     warning   #e7c418  Gelb          danger     #a30c03  Rot

   Gruen und Gelb sind so hell, dass weisse Schrift darauf nicht mehr lesbar
   ist (1,4:1 bzw. 1,7:1 statt der fuer Fliesstext geforderten 4,5:1). Darum
   unten zwei Korrekturen: dunkle Schrift, wo die Farbe Flaeche ist, und ein
   abgedunkelter Ton derselben Farbe, wo sie selbst Schrift ist. */
:root {
    /* Dieselbe Farbe abgedunkelt, bis sie auf Weiss 4,5:1 erreicht. */
    --cd-success-schrift: #068662;
    --cd-warning-schrift: #88740e;
    /* Schrift auf hellen Markenflaechen. */
    --cd-auf-hell: #212529;
}

/* Gruen und Gelb als Flaeche: dunkle Schrift, in beiden Themes. */
.btn-success,
.btn-warning,
:is(.btn-soft-success, .btn-outline-success, .btn-soft-warning, .btn-outline-warning) {
    --vz-btn-hover-color: var(--cd-auf-hell);
    --vz-btn-active-color: var(--cd-auf-hell);
}

.btn-success,
.btn-warning {
    --vz-btn-color: var(--cd-auf-hell);
    --vz-btn-disabled-color: var(--cd-auf-hell);
}

.badge.bg-success,
.badge.bg-warning,
.text-bg-success,
.text-bg-warning {
    color: var(--cd-auf-hell) !important;
}

/* Gruen und Gelb als Schrift oder Symbol: nur im hellen Theme abdunkeln – auf
   dunklem Grund tragen die Originaltoene von sich aus genug Kontrast. */
:root:not([data-bs-theme=dark]) .text-success,
:root:not([data-bs-theme=dark]) .link-success {
    color: var(--cd-success-schrift) !important;
}

:root:not([data-bs-theme=dark]) .text-warning,
:root:not([data-bs-theme=dark]) .link-warning {
    color: var(--cd-warning-schrift) !important;
}

:root:not([data-bs-theme=dark]) {
    /* Traegt die Alerts und alles andere, was ueber -text-emphasis faerbt. */
    --vz-success-text-emphasis: var(--cd-success-schrift);
    --vz-warning-text-emphasis: var(--cd-warning-schrift);
}

:root:not([data-bs-theme=dark]) :is(.btn-soft-success, .btn-outline-success) {
    --vz-btn-color: var(--cd-success-schrift);
}

:root:not([data-bs-theme=dark]) :is(.btn-soft-warning, .btn-outline-warning) {
    --vz-btn-color: var(--cd-warning-schrift);
}

/* Hintergrund der Seitenleiste – in hellem wie dunklem Theme derselbe Ton.
   Abgedunkeltes Dunkelblau (#2178a3), damit sie zur Palette gehoert. */
:root[data-sidebar=dark],
[data-bs-theme=dark][data-sidebar=dark] {
    --vz-vertical-menu-bg: #144862;
    --vz-vertical-menu-border: #144862;
}