html {
    color-scheme: dark light;
}

@media (prefers-color-scheme: light) {
    :root {
        --blend-text-color: #FFF;
        --blend-back-color: #000;
        --blend-highlight-color: #000;

        // EFFECT LEVELS

        --effect-bright-level: 85%;
    }
}

@media (prefers-reduced-motion) {

    
}

[data-theme="light"] {
    --blend-text-color: #FFF;
    --blend-back-color: #000;
    --blend-highlight-color: #000;
}