/* Light Theme */
:root[data-theme="light"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --border-color: #dee2e6;
    --card-bg: #ffffff;
    --card-shadow: rgba(0,0,0,0.1);
}

body[data-theme="light"] {
    background: var(--bg-secondary);
    color: var(--text-primary);
}