:root{
    --color-brand: #E20074;
    --src-salems-fur: #171b26;
    --color-salems-fur: var(--src-salems-fur);
    --rgb-salems-fur: 23, 27, 38;
    --src-snow: #fff;
    --color-snow: var(--src-snow);
    --src-rgb-snow: 255, 255, 255;
    --rgb-snow: var(--src-rgb-snow);
    --src-trout: #474c59;
    --color-trout: var(--src-trout);
    --src-manatee: #8d93a6;
    --color-manatee: var(--src-manatee);
    --src-botticelli: #cfd5e5;
    --color-botticelli: var(--src-botticelli);
    --color-catskill-white: #dee2f0;
    --src-white-lilac: #ebeff7;
    --color-white-lilac: var(--src-white-lilac);
    --src-alpine: #f7f9fc;
    --color-alpine: var(--src-alpine);
    --rgb-alpine: 247 249 252;
    --color-pearl: #f7f9f9;

    --color-artificial-grape: #BF5AF2;
    --color-nugget: #B8881E;
    --color-elm: #218076;
    --color-coral: #ff8152;
    --color-denim: #2e9aff;
    --color-cornflower: #5755db;
    --color-serenade: #FFEDE6;
    --color-barley-white: #fff3d6;
    --color-selago: #F6EBFC;
    --color-foam: #E3F5FC;
    --color-polar: #E6FAF8;
    --color-titan-white: #EBECFF;

    /* Darkmode extra colors */
    --src-black: #0A0C14;
    --color-black: var(--src-black);
    --src-rgb-black: 10, 12, 20;
    --rgb-black: var(--src-rgb-black);
    --color-ebony: #262c3b;
    --color-river-bed: #495166;
    --color-cadet-blue: #a2aabf;
    --color-valhalla: #30204E;
    --color-perfume: #D079FC;
    --color-gable-green: #172D37;
    --color-tradewind: #4FB2A8;
    --color-black-marlin: #332817;
    --color-equator: #DEB457;
    --color-port-gore: #1D224D;
    --color-melrose: #958AFF;
    --color-tamarind: #3D1A1A;
    --color-tan-hide: #FA8F66;
    --color-blue-zodiac: #152F4F;
    --color-malibu: #57AEFF;

    /* Additional colors */
    --color-cararra: #e7e6e0;
    --color-heather: #b5bbcc;
    --color-royal: #00a0de;
    --color-secondary-green: #48C974;
    --color-secondary-red: #EE3F54;
    --color-golden-sand: #f5e198;

    /* Misc. */
    --elevation-sticky-CTA: 0px 12px 24px rgba(125, 152, 178, 0.2);
    --font: "Roboto",Arial,Helvetica,sans-serif;

    /* Non-official colors */
    --color-yellow-dark: #dbad39;
    --color-telekom-screen-yellow: #ffd329;
    
    /* sportal adds */
    --color-grey1: #d1d1d1;
    --color-grey2: #bababa;
    --color-grey3: #888;
    --color-darkgrey: #bbb; 
    --color-middlegrey: #777;
    --color-eventtitle: var(--src-salems-fur);
    --color-red: #e89c22; 
    --color-red2: #cc0000; 
    --color-red3: #bf0000;
    --color-red4: #ae0816;
    --color-red5: #8c1e19;
    --color-red6: #920000;
    --color-red7: #cc0105; 
    --color-yellow: #f4bd00;
    --color-green: #009c00;
    --color-green2: #42742a; 
    --color-darkgreen: #85a43c; 
    --color-stronggreen: #6ab324;
    --color-purple: #e30074;
    --color-blue: #1163ad;
    --color-brightorange: #ea9a24;
}

/* for CHECK */
@media (prefers-color-scheme: light) {
    /*div#mc_body {
        background: red;
    }*/
}

/** some vars do not not work: */
@media (prefers-color-scheme: dark) {
    --color-salems-fur: var(--src-alpine);
    --rgb-salems-fur: var(--rgb-alpine);
    --color-snow: var(--src-black);
    --rgb-snow: var(--src-rgb-black);
    --color-trout: var(--color-cadet-blue);
    --color-manatee: var(--color-cadet-blue);
    --color-botticelli: var(--color-river-bed);
    --color-catskill-white: var(--color-river-bed);
    --color-white-lilac: var(--color-ebony);
    --color-alpine: var(--src-salems-fur);
    --color-black: var(--src-snow); 
    --color-selago: var(--color-valhalla);
    --color-artificial-grape: var(--color-perfume);
    --color-polar: var(--color-gable-green);
    --color-elm: var(--color-tradewind);
    --color-barley-white: var(--color-black-marlin);
    --color-nugget: var(--color-equator);
    --color-titan-white: var(--color-port-gore);
    --color-cornflower: var(--color-melrose);
    --color-serenade: var(--color-tamarind);
    --color-coral: var(--color-tan-hide);
    --color-foam: var(--color-blue-zodiac);
    --color-denim: var(--color-malibu);

    --color-box-shadow: transparent;
    --elevation-sticky-CTA: 0px 12px 24px rgba(var(--rgb-black), 0.2);
   
    /* sportal adds */
    --color-grey1: var(--color-ebony);
    --color-grey2: var(--color-river-bed);
    --color-grey3: var(--color-cadet-blue);
    --color-darkgrey: var(--color-cadet-blue);
    --color-middlegrey: var(--src-alpine);
    --color-eventtitle: var(--src-alpine);

}