/* Base file for component_themeswitch */
.theme-light {
    --bg: hsl(0, 0%, 100%);
    --top_bg_pattern: hsl(225, 100%, 98%);
    --card_bg: hsl(227, 47%, 96%);
    --card_bg_hover: hsl(223, 11%, 87%);
    --text: hsl(228, 12%, 44%);
    --text2: hsl(230, 17%, 14%);
    --slider_color: linear-gradient(hsl(230, 22%, 74%), hsl(230, 22%, 74%));
    --inverted_slider: linear-gradient(hsl(210, 78%, 56%), hsl(146, 68%, 55%));
}
.theme-dark {
    --bg: hsl(230, 17%, 14%);
    --top_bg_pattern: hsl(232, 19%, 15%);
    --card_bg: hsl(228, 28%, 20%);
    --card_bg_hover: hsl(230, 21%, 29%);
    --text: hsl(228, 34%, 66%);
    --text2: hsl(0, 0%, 100%);
    --slider_color: linear-gradient(hsl(210, 78%, 56%), hsl(146, 68%, 55%));
    --inverted_slider:linear-gradient(hsl(230, 22%, 74%), hsl(230, 22%, 74%));
}