:root {

    color-scheme: only light;

    /* --- Indents, offsets ---*/

    --base-indent: 10px;
    --side-indent: 20px;

    /*@media (max-width: 720px) {*/
    /*    --side-indent: 20px;*/
    /*}*/

    /* --- Colors ---*/

    --color-primary: rgb(136, 107, 255);
    --color-primary-tint: rgb(102, 51, 153);

    --color-secondary: rgb(255, 87, 174);

    --color-tertiary: rgb(87, 133, 255);

    --color-disease-tiles-1: rgb(43, 33, 81);
    --color-disease-tiles-2: rgb(55, 43, 101);
    --color-disease-tiles-active: rgb(88, 67, 168);


    --color-primary-therapy-badge: rgba(136, 107, 255, 0.38);
    --color-primary-therapy-badge-hover: rgba(136, 107, 255, 0.64);
    --color-secondary-therapy-badge: rgba(255, 87, 174, 0.48);
    --color-secondary-therapy-badge-hover: rgba(255, 87, 174, 0.68);
    --color-tertiary-therapy-badge: rgba(87, 133, 255, 0.48);
    --color-tertiary-therapy-badge-hover: rgba(87, 133, 255, 0.68);


    /*--color-primary-tint: #654d76; */
    --color-primary-tint-for-border: rgba(136, 107, 255, 0.3);
    --color-secondary-tint-for-border: rgba(255, 87, 174, 0.3);
    --color-tertiary-tint-for-border: rgba(87, 133, 255, 0.3);;


    --color-primary-products-tile-1: rgba(36, 28, 69, 0.54);
    --color-primary-products-tile-2: rgba(65, 53, 113, 0.75);

    --color-price-no-discount: rgb(203, 66, 82);
    --color-price-with-discount: rgb(150, 203, 66);


    --color-whatsapp: rgb(105, 215, 108);
    --color-telegram: rgb(76, 166, 243);

    /*--gradient-st-phone-btn: linear-gradient(90deg, #7852c6 0% 10%, #886bff 50% 100%);*/

    --gradient-cta-btn: linear-gradient(90deg, rgb(120, 82, 198) 0% 10%, rgb(136, 107, 255) 50% 100%);
    --gradient-products-row-tile: linear-gradient(0deg, rgb(120, 82, 198) 0% 10%, rgb(136, 107, 255) 50% 100%);

    --font-scale: 1.125;
}