@media (prefers-color-scheme: light) {
    :root {
        --text: #071009;
        --background: #f5fcf7;
        --primary: #46c873;
        --secondary: #8abfdc;
        --accent: #79abc8;
        --background-transparent: #f5fcf788;
        --text-secondary: #656e67;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --text: #edf7ef;
        --background: #040c06;
        --primary: #37b964;
        --secondary: #235976;
        --accent: #376986;
        --background-transparent: #040c0688;
        --text-secondary: #adb7af;
    }
}

:root {
    --text-default: #071009;
    --linearPrimarySecondary: linear-gradient(#46c874, #89bfdc);
    --linearPrimaryAccent: linear-gradient(#46c874, #79abc8);
    --linearSecondaryAccent: linear-gradient(#89bfdc, #79abc8);
    --radialPrimarySecondary: radial-gradient(#46c874, #89bfdc);
    --radialPrimaryAccent: radial-gradient(#46c874, #79abc8);
}