/* Light theme (default) */
[data-theme="light"],
:root {
    --bg-primary: #F3F4F6;
    --bg-card: rgb(233, 233, 233);
    --bg-navbar: #101111;
    --text-primary: #111827;
    --text-secondary: #4B5563;
    --status-success: #166534;
    --status-error: #b91c1c;
    --timer-warning: #92400e;
    --timer-danger: #b91c1c;
    --timer-default: #111827;
    --text-navbar: white;
    --text-nav-link: gray;
    --text-nav-hover: white;
    --shadow-card: rgba(0, 0, 0, 0.3);
    --settings-bg: #FFFFFF;
    --settings-text: #111827;
    --settings-muted-text: #4B5563;
    --settings-border: #D1D5DB;
    --settings-section-bg: #F9FAFB;
    --settings-input-bg: #FFFFFF;
    --settings-input-border: #9CA3AF;
    --settings-focus: #2563EB;
    --challenge-bar-bg: #E5E7EB;
    --bg-undo: rgb(10, 88, 10);
    --border-undo: rgb(10, 88, 10);
    --text-undo: white;
    --bg-undo-hover: rgb(20, 120, 20);
    --bg-quit: rgb(88, 10, 10);
    --border-quit: rgb(88, 10, 10);
    --text-quit: white;
    --bg-quit-hover: rgb(120, 20, 20);
    --bg-clear: rgb(117, 26, 26);
    --border-clear: rgb(66, 55, 55);
    --text-clear: rgb(255, 255, 255);
    --bg-clear-hover: rgb(75, 18, 18);
    --bg-save: rgb(20, 20, 120);
    --border-save: rgb(20, 20, 120);
    --text-save: white;
    --bg-save-hover: rgb(50, 50, 200);
    --splash-bg: #F3F4F6;
    --show-words-bg: rgba(255, 255, 255, 0.8);
    --show-words-border: rgba(0, 0, 0, 0.12);
    --show-words-text: #111827;
    --gallery-bar-bg: #E5E7EB;
    --filter-input-bg: #ffffff;
    --filter-input-border: #6B7280;
    --filter-input-focus: #1D4ED8;
}

/* Dark theme */
[data-theme="dark"] {
    --bg-primary: #111827;
    --splash-bg: #111827;
    --bg-card: #1F2937;
    --bg-navbar: #0F172A;
    --text-primary: #F9FAFB;
    --text-secondary: #D1D5DB;
    --status-success: #86efac;
    --status-error: #fca5a5;
    --timer-warning: #fbbf24;
    --timer-danger: #fca5a5;
    --timer-default: #F9FAFB;
    --text-navbar: white;
    --text-nav-link: #9CA3AF;
    --text-nav-hover: white;
    --shadow-card: rgba(0, 0, 0, 0.5);
    --settings-bg: #1E293B;
    --settings-text: #F9FAFB;
    --settings-muted-text: #CBD5E1;
    --settings-border: #475569;
    --settings-section-bg: #0F172A;
    --settings-input-bg: #0B1220;
    --settings-input-border: #64748B;
    --settings-focus: #60A5FA;
    --challenge-bar-bg: #1F2937;
    --bg-undo: rgb(20, 120, 20);
    --border-undo: rgb(20, 120, 20);
    --text-undo: white;
    --bg-undo-hover: rgb(10, 88, 10);
    --bg-quit: rgb(120, 20, 20);
    --border-quit: rgb(120, 20, 20);
    --text-quit: white;
    --bg-quit-hover: rgb(88, 10, 10);
    --bg-clear: rgb(117, 26, 26);
    --border-clear: rgb(66, 55, 55);
    --text-clear: rgb(255, 255, 255);
    --bg-clear-hover: rgb(75, 18, 18);
    --bg-save: rgb(20, 20, 120);
    --border-save: rgb(20, 20, 120);
    --text-save: white;
    --bg-save-hover: rgb(50, 50, 200);
    --show-words-bg: rgba(255, 255, 255, 0.1);
    --show-words-border: rgba(255, 255, 255, 0.2);
    --show-words-text: #F9FAFB;
    --gallery-bar-bg: #1F2937;
    --filter-input-bg: #0B1220;
    --filter-input-border: #6B7280;
    --filter-input-focus: #60A5FA;
}