/* ==========================================================================
 * lindgruen-1:         hsl(78, 73%, 22%)
 * lindgruen-1 cta:     hsl(81, 76%, 26%)
 * Abweichende Call-to-Action Farbe wegen Kontrast
 * color-highlight entspricht color
 * und wird für flächige Elemtente verwendet.
   ========================================================================== */

:root {
    --color: 78, 73%; /* base color */
    --l: 22%; /* initial lightness */
    --color-cta: 81, 76%; /* call to action color */
    --l-cta: 26%; /* initial lightness call to action color */
    --color-highlight: var(--color); /* color highlight */
    --l-highlight: var(--l); /* 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: #517510; /* amChart hack */
    --nbg-theme-bg-highlight-hex-dark: #9bb766; /* amChart hack fuer darkmode*/
    --constant-theme-bg: hsl(78, 73%, 22%); /* bleibt unverändert auch im darkmode */
    --constant-theme-bg-highlight: hsl(78, 73%, 22%); /* bleibt unverändert auch im darkmode */
}

.dark {
    --color: 78, 53%; /* base color */
    --l: 48%; /* initial lightness */
    --color-cta: 81, 36%; /* call to action color */
    --l-cta: 56%; /* initial lightness call to action color */
}