/* ==========================================================================
 * anthrazit:       hsl(0, 0%, 27%)
 * anthrazit cta:   hsl(193, 100%, 25%)
 * Abweichende Call-to-Action Farbe wegen Kontrast
 * color-highlight entspricht color-cta und wird benötigt,
 * um flächige Elemtente farbig hervorzuheben, wo anthrazit nicht ausreicht.
   ========================================================================== */

:root {
    --color: 0, 0%; /* base color */
    --l: 27%; /* initial lightness base color */
    --color-cta: 193, 100%; /* call to action color */
    --l-cta: 25%; /* initial lightness call to action color */
    --color-highlight: var(--color-cta); /* color highlight */
    --l-highlight: var(--l-cta); /* initial lightness color highlight */
    --l-modifier: 7%; /* added to lightness */
    --l-modifier-pastel: 70%; /* added to lightness to create a pastel version of the theme highlight color)*/

    --nbg-theme-bg-highlight-hex: #006480; /* amChart hack */
    --nbg-theme-bg-highlight-hex-dark: #a7d5e2; /* amChart hack fuer darkmode*/
    --constant-theme-bg: hsl(0, 0%, 27%); /* bleibt unverändert auch im darkmode */
    --constant-theme-bg-highlight: hsl(193, 100%, 25%); /* bleibt unverändert auch im darkmode */
}

.dark{
    --color-cta: 197, 50%; /* call to action color */
    --l-cta: 77%; /* initial lightness call to action color */
}