/********* Definice CSS proměnných   *******/

:root {
    /* Hlavní barva tématu */
    --theme-bg-color: linear-gradient(135deg, rgba(45, 217, 179, 0.06), rgba(45, 217, 179, 0.01));
    --theme-bg-color-second: linear-gradient(180deg, rgba(45, 217, 179, 0.12), rgba(45, 217, 179, 0.02));
    --theme-border-color: rgba(45, 217, 179, 0.2);
    --theme-color: #2DD9B3;
    /* Zaklad */
    --border-radius-sm: 8px;
    --border-radius: 14px;
    --border-radius-lg: 24px;
    --border-color: rgba(255, 255, 255, 0.1);
    --link-color: #C8D3E2;
    --link-color-hover: #2DD9B3;
    --text-danger: #ff8da1;
    /* 
        Barva pozadí na webu,
        Barva textu na webu,
        Nastavení písma pro web
    */
    --body-color-bg: #081A36;
    --body-text-color: #FFF;
    --body-font-family: 'Manrope', system-ui, sans-serif;
    /* Nadpisy*/
    --h-font: 'Bricolage Grotesque', system-ui, sans-serif;
    --h1-color: #fff;
    --h1-size: 54px;
    --h2-size: 24px;
    /* Tlacitka */
    --main-button-color: #050F22;
    --main-button-color-bg: #2DD9B3;
    --main-button-color-bg-hover: #3BE8C1;
    --main-button-color-box-shadow: rgba(45, 217, 179, 0.25);
    --secondary-button-color: #fff;
    --secondary-button-bg: transparent;
    --secondary-button-border-color-hover: #2DD9B3;
    --secondary-button-color-hover: #2DD9B3;
    /*  
        Pozadi v menu po prihlaseni, 
        Pozadi menu v kosiku, 
        Pozadí produktu v košíku,
        Pozadí shrnutí v košíku
    */
    --theme-secondary-bg-color: #0C2449;
    --footer-color-bg: #050F22;
    /* Logo */
    --header-logo-url: url("/Client/Themes/calso-demov3/Images/logo_calso.svg");
}