/* ==================== EVENTOUR LIGHT THEME 2025 ==================== */
/* Clean, bright theme with Aurora accents */

[data-theme="light"] {
    /* Light Base Colors */
    --bg-primary: #f8fafc;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f1f5f9;
    --bg-card: #ffffff;
    --bg-elevated: #ffffff;

    /* Text Colors */
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --text-accent: #7c3aed;

    /* Border Colors */
    --border-subtle: rgba(0, 0, 0, 0.06);
    --border-medium: rgba(0, 0, 0, 0.1);
    --border-accent: rgba(102, 126, 234, 0.3);

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    --shadow-glow: 0 0 20px rgba(102, 126, 234, 0.1);
}

/* ==================== GLOBAL LIGHT OVERRIDES ==================== */

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

[data-theme="light"] body::before {
    background:
        radial-gradient(ellipse 80% 50% at 20% 40%, rgba(102, 126, 234, 0.08), transparent),
        radial-gradient(ellipse 60% 40% at 80% 20%, rgba(240, 147, 251, 0.06), transparent),
        radial-gradient(ellipse 50% 50% at 60% 80%, rgba(79, 172, 254, 0.05), transparent) !important;
}

/* ==================== SIDEBAR LIGHT ==================== */

[data-theme="light"] .sidebar {
    background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%) !important;
}

/* ==================== MAIN CONTENT LIGHT ==================== */

[data-theme="light"] .main {
    background: transparent !important;
}

[data-theme="light"] .header {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
    box-shadow: var(--shadow-sm) !important;
}

[data-theme="light"] .header h2 {
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] .section-title {
    color: var(--text-primary) !important;
}

/* ==================== CARDS LIGHT ==================== */

[data-theme="light"] .card,
[data-theme="light"] .section {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
    box-shadow: var(--shadow-sm) !important;
}

[data-theme="light"] .card:hover,
[data-theme="light"] .section:hover {
    box-shadow: var(--shadow-md), var(--shadow-glow) !important;
}

[data-theme="light"] .card-title {
    color: var(--text-muted) !important;
}

[data-theme="light"] .card-value {
    color: var(--text-primary) !important;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ==================== TABLES LIGHT ==================== */

[data-theme="light"] .table {
    color: var(--text-primary) !important;
}

[data-theme="light"] .table th,
[data-theme="light"] th {
    background: var(--bg-tertiary) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] .table td,
[data-theme="light"] td {
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

[data-theme="light"] .table tr:hover {
    background: rgba(102, 126, 234, 0.05) !important;
}

/* ==================== FORMS LIGHT ==================== */

[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-medium) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] textarea:focus {
    border-color: #667eea !important;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: var(--text-muted) !important;
}

[data-theme="light"] label {
    color: var(--text-secondary) !important;
}

/* ==================== BUTTONS LIGHT ==================== */

[data-theme="light"] .btn,
[data-theme="light"] button:not(.wizard-select-add-btn):not(.wizard-add-btn) {
    background: var(--gradient-primary) !important;
    color: white !important;
}

[data-theme="light"] .btn:hover,
[data-theme="light"] button:hover {
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3) !important;
}

[data-theme="light"] .btn-secondary,
[data-theme="light"] button.secondary {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-medium) !important;
    color: var(--text-secondary) !important;
}

/* ==================== DASHBOARD LIGHT ==================== */

[data-theme="light"] .dash-container {
    color: var(--text-primary) !important;
}

[data-theme="light"] .dash-section {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-medium) !important;
}

[data-theme="light"] .dash-section[style*="fee2e2"],
[data-theme="light"] .dash-section[style*="ef4444"] {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
}

[data-theme="light"] .dash-section h2 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .dash-section[style*="fee2e2"] h2 {
    color: #991b1b !important;
}

[data-theme="light"] .dash-card {
    background: var(--bg-tertiary) !important;
    border: 1px solid var(--border-subtle) !important;
}

[data-theme="light"] .dash-card h3 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .dash-item {
    background: var(--bg-card) !important;
}

[data-theme="light"] .dash-item:hover {
    background: rgba(102, 126, 234, 0.05) !important;
}

[data-theme="light"] .dash-item-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .dash-item-sub {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .dash-stat {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
}

[data-theme="light"] .dash-stat-value {
    color: var(--text-primary) !important;
}

[data-theme="light"] .dash-stat-label {
    color: var(--text-secondary) !important;
}

/* ==================== TABS LIGHT ==================== */

[data-theme="light"] .tab,
[data-theme="light"] .tabs button {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .tab:hover,
[data-theme="light"] .tabs button:hover {
    background: var(--bg-tertiary) !important;
}

[data-theme="light"] .tab.active,
[data-theme="light"] .tabs button.active {
    color: #667eea !important;
    border-bottom-color: #667eea !important;
}

/* ==================== MODALS LIGHT ==================== */

[data-theme="light"] .modal,
[data-theme="light"] .modal-content,
[data-theme="light"] #departureModal > div,
[data-theme="light"] #invoiceModal > div {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

/* ==================== NOTIFICATIONS LIGHT ==================== */

[data-theme="light"] .notifications-bell {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
}

[data-theme="light"] .notifications-dropdown {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-medium) !important;
    box-shadow: var(--shadow-lg) !important;
}

/* ==================== SCROLLBAR LIGHT ==================== */

[data-theme="light"] ::-webkit-scrollbar-track {
    background: var(--bg-tertiary);
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #cbd5e1;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #667eea;
}

/* ==================== BADGES LIGHT ==================== */

[data-theme="light"] .badge {
    background: rgba(102, 126, 234, 0.1) !important;
    color: #667eea !important;
}

[data-theme="light"] .badge-admin {
    background: rgba(240, 147, 251, 0.1) !important;
    color: #a855f7 !important;
}

/* ==================== ALERTS LIGHT ==================== */

[data-theme="light"] .alert-success {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #166534 !important;
}

[data-theme="light"] .alert-warning {
    background: #fefce8 !important;
    border-color: #fef08a !important;
    color: #854d0e !important;
}

[data-theme="light"] .alert-danger,
[data-theme="light"] .alert-error {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #991b1b !important;
}

[data-theme="light"] .error {
    background: #fef2f2 !important;
    color: #991b1b !important;
    border: 1px solid #fecaca !important;
}

[data-theme="light"] .success {
    background: #f0fdf4 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
}

/* ==================== LINKS LIGHT ==================== */

[data-theme="light"] a {
    color: #667eea !important;
}

[data-theme="light"] a:hover {
    color: #7c3aed !important;
}

/* ==================== FILTERS LIGHT ==================== */

[data-theme="light"] .filters,
[data-theme="light"] .filter-section,
[data-theme="light"] [class*="filter"] {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
}

/* ==================== PAGINATION LIGHT ==================== */

[data-theme="light"] .pagination button,
[data-theme="light"] .pagination a {
    background: var(--bg-card) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-subtle) !important;
}

[data-theme="light"] .pagination button:hover,
[data-theme="light"] .pagination a:hover {
    background: var(--bg-tertiary) !important;
}

[data-theme="light"] .pagination button.active,
[data-theme="light"] .pagination a.active {
    background: var(--gradient-primary) !important;
    color: white !important;
}

/* ==================== END LIGHT THEME ==================== */