/*
 * Light theme should be visually identical to auto-theme when the system theme is light.
 * Auto-light in this project is just the base UI without extra theme-specific overrides.
 * Keep only the base variables here and do not restyle cards, messages, users, files, etc.
 */

body.light-theme,
body.theme-light,
body[data-theme="light"],
body.white-theme,
body.theme-white,
body[data-theme="white"] {
    --primary-color: #007bff;
    --secondary-color: #6c757d;
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
    --light-color: #f8f9fa;
    --dark-color: #343a40;
    --border-color: #dee2e6;
    --text-color: #212529;
    --text-muted: #6c757d;
    --bg-color: #ffffff;
    --card-bg: #ffffff;
    --header-bg: #f8f9fa;
    --bs-body-bg: #ffffff;
    --bs-body-color: #212529;
    --bs-border-color: #dee2e6;
    --bs-secondary-color: #6c757d;
    --bs-tertiary-bg: #f8f9fa;
    background-color: var(--bg-color);
    color: var(--text-color);
    color-scheme: light;
}

/*
 * Do not duplicate auto-light styles below.
 * The shared component CSS already defines the correct light look.
 */