/* ==========================================================================
 * sand-1:      hsl(31, 10%, 45%)
 * sand-1 cta:  hsl(30, 63%, 37%)
 * Abweichende Call-to-Action Farbe wegen Kontrast
 * color-highlight entspricht color
 * und wird für flächige Elemente verwendet.
   ========================================================================== */

   :root {
    --nbg-theme-bg-highlight-hex: #9A5F23; /* amChart hack */
    --color: 31, 10%; /* base color */
    --l: 45%; /* initial lightness base color */
    --color-cta: 30, 63%; /* call to action color */
    --l-cta: 37%; /* 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: 48%; /* added to lightness to create a pastel version of the theme highlight color)*/
}