@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #1c1b18;
        --font-color: #f0ead6;
        --invert-font-color: #1c1b18;
        --primary-color: #e8a000;
        --secondary-color: #8a7f6e;
        --tertiary-color: #8a7f6e;
        --error-color: #ff6b4a;
        --progress-bar-background: #3a3730;
        --progress-bar-fill: #e8a000;
        --code-bg-color: #2a2926;
    }
}

@media (prefers-color-scheme: light) {
    :root {
        --background-color: #fdf6e3;
        --font-color: #3c3836;
        --invert-font-color: #fdf6e3;
        --primary-color: #b57200;
        --secondary-color: #928374;
        --error-color: #cc241d;
        --progress-bar-background: #928374;
        --progress-bar-fill: #b57200;
        --code-bg-color: #eee8d5;
    }
}

/* Fix hardcoded colors that ignore dark/light mode */
.content-column-content p,
.content-column-content li {
    color: var(--font-color);
}

.content-column-content .command {
    color: var(--secondary-color);
}