:root[date-theme="dark"] {
    --bg-color: #333;
    --text-color: #fff;
}

:root[date-theme="light"] {
    --bg-color: #fff;
    --text-color: #333;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-color: #333;
        --text-color: #fff;
    }
}

@media (prefers-color-scheme: light) {
    :root {
        --bg-color: #fff;
        --text-color: #333;
    }
}

@media (prefers-color-scheme: no-preference) {
    :root {
        --bg-color: #fff;
        --text-color: #333;
    }
}