[data-theme='light'] {
    --color: white;
    --background-color: #7FC3FF;
    --content-color: linear-gradient(to bottom right, #FFF, #EEE);
    --border-color: #444444;
    --shadow-color: #00000066 2vw 2vw 3vw;
    --form-color: rgba(68, 68, 68, 0.1);

    --content-radius: 0.8vw;
    --button-radius: 0.5vw;
    --sub-button-radius: 0.8vw;
    --phone-content-radius: 3vw;
    --phone-button-radius: 2vw;
    --phone-sub-button-radius: 3.5vw;

    --progres-color: #F47F16;
    --progres-background-color: #FABF8B;
    --progres-strip: #F47F1650;
    --store-color: #1B5E20;
    --store-background-color: #C8E6C9;
    --channel: #F00;
    --main-h1-color: #FFFFFFBB;
}



[data-theme='dark'] {
    --color: #252525;
    --background-color: #001426;
    --content-color: linear-gradient(to bottom right, #333, #252525);
    /* --color: #444; */
    /* --background-color: #00223F; */
    /* --content-color: linear-gradient(to bottom right, #444, #333); */
    --border-color: #EEEEEE;
    --shadow-color: #00000066 2vw 2vw 3vw;
    --form-color: #ffffff10;
    --hover: white;

    --content-radius: 0.8vw;
    --button-radius: 0.5vw;
    --sub-button-radius: 0.8vw;
    --phone-content-radius: 3vw;
    --phone-button-radius: 2vw;
    --phone-sub-button-radius: 3.5vw;

    --progres-color: #FFF9C4;
    --progres-background-color: #F47F16;
    --progres-strip: #FABF8B50;
    --store-color: #C8E6C9;
    --store-background-color: #1B5E20;
    --channel: rgb(255, 50, 50);
    --main-h1-color: #00000000;
}



.cover {
    background-color: #00000090;
    position: fixed;
    margin-top: -50%;
    margin-left: -50%;
    width: 200%;
    height: 300%;
    transition: opacity 0.5s;
    z-index: 1;
    backdrop-filter: blur(2.5px);
}

.cover.hide {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s;
}