/*
 * QSO Log Map - Light Theme
 * All [data-theme="light"] variables and overrides
 */

/* Light Theme Variables */
[data-theme="light"] {
    --bg-primary: #f8f9fa;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f1f3f5;
    --bg-elevated: #ffffff;
    --bg-hover: rgba(0, 0, 0, 0.05);
    --bg-glass: rgba(255, 255, 255, 0.95);

    --text-primary: #212529;
    --text-secondary: #495057;
    --text-muted: #868e96;

    --accent: #e67e00;
    --accent-secondary: #0c8599;
    --accent-dim: #d9730d;
    --accent-glow: rgba(230, 126, 0, 0.12);
    --accent-glow-strong: rgba(230, 126, 0, 0.2);

    --border-subtle: rgba(0, 0, 0, 0.08);
    --border-default: rgba(0, 0, 0, 0.12);
    --border-accent: rgba(230, 126, 0, 0.4);
    --border-glass: rgba(0, 0, 0, 0.1);

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
    --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 1);

    --map-filter: none;
    --map-tiles: 'light';
}

/* Light theme - app container */
[data-theme="light"] .app-container {
    background:
        radial-gradient(ellipse 80% 50% at 20% 40%, rgba(212, 148, 10, 0.05) 0%, transparent 50%),
        radial-gradient(ellipse 60% 40% at 80% 60%, rgba(8, 145, 178, 0.03) 0%, transparent 50%),
        var(--bg-primary);
}

[data-theme="light"] .app-container::after {
    opacity: 0.02;
}

/* Light theme - logo */
[data-theme="light"] .logo-title {
    background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Light theme - stat cards */
[data-theme="light"] .stat-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .stat-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .stat-value {
    background: linear-gradient(135deg, #e67e00 0%, #0c8599 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Light theme - panels */
[data-theme="light"] .panel {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* Light theme - leaflet */
[data-theme="light"] .leaflet-control-zoom a {
    background: var(--bg-glass) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .leaflet-control-attribution {
    background: var(--bg-glass) !important;
    color: var(--text-muted) !important;
}

[data-theme="light"] .qso-marker {
    border-color: rgba(255, 255, 255, 0.9);
}

/* Light theme - popups */
[data-theme="light"] .leaflet-popup-content-wrapper {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .leaflet-popup-tip {
    background: #ffffff !important;
    border: none !important;
}

[data-theme="light"] .qso-popup-call {
    background: linear-gradient(135deg, #e67e00 0%, #0c8599 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[data-theme="light"] .qso-popup-item {
    background: #f1f3f5;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

/* Light theme - filter chips */
[data-theme="light"] .filter-chip {
    background: #f8f9fa;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .filter-chip:hover {
    background: #f1f3f5;
}

[data-theme="light"] .filter-chip.active {
    background: rgba(230, 126, 0, 0.1);
    border-color: #e67e00;
    color: #d9730d;
}

/* Light theme - inputs */
[data-theme="light"] .filter-input,
[data-theme="light"] .filter-select {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .filter-input:focus,
[data-theme="light"] .filter-select:focus {
    border-color: #e67e00;
    box-shadow: 0 0 0 3px rgba(230, 126, 0, 0.15);
}

/* Light theme - sidebar */
[data-theme="light"] .sidebar {
    background: #ffffff;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.04);
}

/* Light theme - upload zone */
[data-theme="light"] .upload-zone {
    background: #f8f9fa;
    border-color: rgba(0, 0, 0, 0.15);
}

[data-theme="light"] .upload-zone:hover {
    background: rgba(230, 126, 0, 0.05);
    border-color: #e67e00;
}

/* Light theme - legend */
[data-theme="light"] .legend {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Light theme - buttons */
[data-theme="light"] .btn-export {
    background: #f8f9fa;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .btn-export:hover {
    background: #f1f3f5;
}

/* Light theme - toggles */
[data-theme="light"] .toggle-slider {
    background: #e9ecef;
    border-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .toggle input:checked + .toggle-slider {
    background: rgba(230, 126, 0, 0.2);
    border-color: #e67e00;
}

[data-theme="light"] .toggle input:checked + .toggle-slider::after {
    background: #e67e00;
}