/* ============================================
   LIGHT THEME — Component-level overrides
   ============================================ */
[data-theme="light"] body {
    background: var(--surface-base);
    color: var(--text-primary);
}

[data-theme="light"] .sidebar {
    background: var(--surface-raised);
    border-right-color: var(--border-default);
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .sidebar .nav-item {
    color: var(--text-secondary);
}

[data-theme="light"] .sidebar .nav-item:hover,
[data-theme="light"] .sidebar .nav-item.active {
    color: var(--brand);
    background: var(--brand-muted);
}

[data-theme="light"] .main-wrapper {
    background: var(--surface-base);
}

[data-theme="light"] header {
    background: var(--surface-raised);
    border-bottom-color: var(--border-default);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .card {
    background: var(--surface-card);
    border-color: var(--border-default);
    box-shadow: var(--shadow-sm);
}

[data-theme="light"] .chart-card {
    background: var(--surface-card);
    border-color: var(--border-default);
    box-shadow: var(--shadow-sm);
}

[data-theme="light"] .gauge-card {
    background: var(--surface-card);
    border-color: var(--border-default);
}

[data-theme="light"] table thead {
    background: var(--surface-overlay);
}

[data-theme="light"] table tbody tr {
    border-bottom-color: var(--border-subtle);
}

[data-theme="light"] table tbody tr:hover {
    background: var(--surface-interactive-hover);
}

[data-theme="light"] .modal-content,
[data-theme="light"] .compare-modal-content {
    background: var(--surface-raised);
    border-color: var(--border-default);
    box-shadow: var(--shadow-xl);
}

[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="date"],
[data-theme="light"] select,
[data-theme="light"] textarea {
    background: var(--surface-overlay);
    border-color: var(--border-default);
    color: var(--text-primary);
}

[data-theme="light"] .growth {
    background: var(--surface-card);
    border-color: var(--border-default);
}

[data-theme="light"] .forecast-section {
    background: var(--surface-card);
    border-color: var(--border-default);
}

[data-theme="light"] .forecast-summary-card {
    background: var(--surface-overlay);
    border-color: var(--border-default);
}

[data-theme="light"] .pagination button {
    background: var(--surface-overlay);
    border-color: var(--border-default);
    color: var(--text-primary);
}

[data-theme="light"] .list > div {
    border-bottom-color: var(--border-subtle);
}

[data-theme="light"] .list > div:hover {
    background: var(--surface-interactive-hover);
}

[data-theme="light"] .graph-toolbar {
    background: var(--surface-raised);
    border-color: var(--border-default);
}

[data-theme="light"] .graph-container {
    background: var(--surface-overlay);
}

[data-theme="light"] .graph-detail-panel {
    background: var(--surface-raised);
    border-color: var(--border-default);
}

[data-theme="light"] .audit-chart-card,
[data-theme="light"] .audit-timeline-card,
[data-theme="light"] .audit-lang-heatmap-card {
    background: var(--surface-card);
    border-color: var(--border-default);
}

[data-theme="light"] .Jirlee_contct-toast {
    box-shadow: var(--shadow-lg);
}

[data-theme="light"] .jrl-global-search input {
    background: var(--surface-overlay);
    color: var(--text-primary);
}

[data-theme="light"] .jrl-gs-dropdown {
    background: var(--surface-raised);
    border-color: var(--border-default);
    box-shadow: var(--shadow-lg);
}

[data-theme="light"] .sidebar-lang-section {
    border-top-color: var(--border-default);
}

[data-theme="light"] .nav-badge {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] footer {
    background: var(--surface-raised);
    border-top-color: var(--border-default);
    color: var(--text-muted);
}