:root {
    --bg-primary: #f8f9fa;
    --bg-secondary: #ffffff;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --border-color: #dee2e6;
    --focus-border: #4285f4;
    --progress-bar-bg: #e9ecef;
    --progress-bar-fill: #4285f4;
    --bs-secondary-color: #212529;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-primary: #121212;
        --bg-secondary: #1e1e1e;
        --text-primary: #e9ecef;
        --text-secondary: #adb5bd;
        --border-color: #343a40;
        --focus-border: #6ea6ff;
        --progress-bar-bg: #3a3a3a;
        --progress-bar-fill: #6ea6ff;
        --bs-secondary-color: #DEE2E6;
    }
}