/* =======================================================================================
   pim.css: Planungsverband Region Nürnberg PIM angepasste Akzentfarbe
   ======================================================================================= */

:root,
:host {
    /* Flächiger Hintergrund von weißer Schrift */
        --theme-bg: hsl(0, 100%, 40%);
        --theme-bg-hover: hsl(0, 100%, 33%);

    /* Flächiger Hintergrund von weißer Schrift mit Transparenz */
        --theme-bg-a: hsla(0, 100%, 40%, 0.8);
        --theme-bg-a-hover: hsla(0, 100%, 33%, 0.8);

    /* Call-to-Action Element */
        --theme-cta: hsl(0, 100%, 40%);
        --theme-cta-hover: hsl(0, 100%, 33%);

    /* amChart hack */
        --nbg-theme-bg-hex: #cc0000;
}
:root.dark,
:host.dark {
    /* Flächiger Hintergrund von weißer Schrift */
        --theme-bg: hsl(0, 100%, 33%);
        --theme-bg-hover: hsl(0, 100%, 40%);

    /* Flächiger Hintergrund von weißer Schrift mit Transparenz */
        --theme-bg-a: hsla(0, 100%, 33%, 0.8);
        --theme-bg-a-hover: hsla(0, 100%, 40%, 0.8);

    /* Call-to-Action Element */
        --theme-cta: hsl(0, 100%, 71%);
        --theme-cta-hover: hsl(0, 100%, 78%);

    /* amChart hack */
        --nbg-theme-bg-hex: #a80000;
}
