html {
    --bg-color: #f9f9f9;
    --text-color: #333;
    --muted-text-color: #666;
    --primary-color: #007bff;
    --container-border-color: #ddd;
    --container-bg-color: #fff;
    --background-color-lighten: 30;
}

.logo-fill {
    fill: #231f20;
}

@media (prefers-color-scheme: dark) {
    html {
        --bg-color: #0a0a0a;
        --text-color: #fdfdfd;
        --muted-text-color: #c4c4c4;
        --primary-color: #007bff;
        --container-border-color: #0a0a0a;
        --container-bg-color: #222222;
        --background-color-lighten: 20;
    }

    a {
        color: #007bff;
    }

    .logo-fill {
        fill: #f9f9f9;
    }
}