:root, [data-theme='light'] {
    --bg-primary: #F9FAFB;
    --bg-secondary: #FFFFFF;
    --bg-tertiary: #F3F4F6;
    --text-primary: #111827;
    --text-secondary: #6B7280;
    --text-muted: #9CA3AF;
    --border-color: #E5E7EB;
    --shadow-color: rgba(0, 0, 0, 0.1);
    --nav-bg: #FFFFFF;
    --card-bg: #FFFFFF;
    --input-bg: #FFFFFF;
    --hover-bg: #F3F4F6;
}

[data-theme='dark'] {
    --bg-primary: #111827;
    --bg-secondary: #1F2937;
    --bg-tertiary: #374151;
    --text-primary: #F9FAFB;
    --text-secondary: #D1D5DB;
    --text-muted: #9CA3AF;
    --border-color: #374151;
    --shadow-color: rgba(0, 0, 0, 0.3);
    --nav-bg: #1F2937;
    --card-bg: #1F2937;
    --input-bg: #374151;
    --hover-bg: #374151;
}