:root{
    --back-gradient: linear-gradient(to bottom, #e7dbef, #fff3ff);
    --head-text-color: #8864ec;
    --head-font-weight: 700;
    --head-font-size: 2.25rem;
    --head-stroke: 1px rgba(0, 0, 0, 0.2);
    --head-line-height: 1.2; 
    --text-line-height: 1.6;
    --text-font-weight: 400;
    --text-font-size: 1.125rem;
    --text-color: #13ca7b;

    --header-shadow:
        0.75rem 0.75rem 1.5rem rgba(120, 100, 130, 0.7),
        -0.75rem -0.75rem 1.5rem rgba(255, 255, 255, 0.6);	
    --box-radius: 1.5rem;
    --img-radius: 1rem;

    --button-shadow: 
        0.75rem 0.75rem 1.5rem rgba(120, 100, 130, 0.7),
        -0.75rem -0.75rem 1.5rem rgba(255, 255, 255, 0.6), 
        inset 0.375rem 0.375rem 0.75rem rgba(120, 100, 130, 0.21),
        inset -0.375rem -0.375rem 1.5rem rgba(255, 255, 255, 0.6);
    --button-line-height: 1.0;

    --radio-button-shadow:
        -0.625rem -0.625rem 1rem rgba(255,255,255,0.7),
        0.625rem 0.625rem 1rem rgba(0,0,70,0.3);
    --radio-button-checked-shadow:
        -0.625rem -0.625rem 1rem rgba(255,255,255,0.7),
        0.625rem 0.625rem 1rem rgba(70,70,70,0.3),
        inset -0.625rem -0.625rem 1rem rgba(255,255,255,0.5),
        inset 0.625rem 0.625rem 1rem rgba(70,70,70,0.12);

    --fav-btn-bg: #e8e8e8;
    --fav-btn-border: #e7dbeb;
    --fav-btn-border-hover: #fff3ff;
    --fav-heart-color: #8864ec;
    --fav-heart-active-color: #8864ec;
    --fav-shadow: rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    --fav-icon-size: 1.5rem;
}