:root {
    --maincolor: #0088ea;
    --maingradient: linear-gradient(37deg, #31cb4d 0%, #16cbad 70%);
    --background: #eee;
    --background2: #fff;
    --background3: rgb(247, 247, 247);
    --input-background: #fff;
    --input-shadow: inset 0px 0px 10px #f7f7f7, 0 0 5px #bbb;
    --input-shadow-focus: inset 0px 0px 10px #f7f7f7, 0 0 5px #529ff7;
    --shadow-color: rgba(0, 0, 0, 0.15);
    --title-color: #00c583;
    --subtitle-color: #3e3e3e;
    --text-color: #000;
    --text: 16px; 
    --maintitle: 30px;
    --title: 23px;
    --tw-shadow:
        0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    --subtitle: 18px;
    --label: 11px;
}

@media screen and (max-width: 1024px) {
    :root {
        --text: 13px !important;
        --maintitle: 20px;
        --title: 18px;
        --subtitle: 15px;
        --label: 10px;
    }
}


.backupcolors {
    --maincolor: #0088ea;
    --maingradient: linear-gradient(37deg, #31cb4d 0%, #16cbad 70%);
    --background: #eee;
    --background2: #fff;
    --background3: #fafafa;
    --input-background: #fff;
    --input-shadow: inset 0px 0px 10px #f7f7f7, 0 0 5px #bbb;
    --input-shadow-focus: inset 0px 0px 10px #f7f7f7, 0 0 5px #529ff7;
    --shadow-color: rgba(0, 0, 0, 0.15);
    --title-color: #00c583;
    --subtitle-color: #3e3e3e;
    --text-color: #000;
    --text: 16px; 
    --maintitle: 30px;
    --title: 23px;
    --tw-shadow:
        0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    --subtitle: 18px;
    --label: 11px;
}