/* Theme: Light
 * Override-Stile für das helle Theme
 * Wird zusätzlich zu style.css, eif.css, w3.css geladen
 */

/* Helles Theme - Standard-Farben beibehalten, kann für Anpassungen erweitert werden */
:root {
    --theme-bg-primary: #ffffff;
    --theme-bg-secondary: #f5f5f5;
    --theme-text-primary: #222222;
    --theme-text-secondary: #666666;
    --theme-border: #e0e0e0;
}

body {
    background-color: var(--theme-bg-primary);
    color: var(--theme-text-primary);
}

/* Weather Card - kein grüner Hintergrund, kompakter */
.weather-card {
    background: transparent !important;
    background-color: var(--theme-bg-primary) !important;
    color: var(--theme-text-primary) !important;
    padding: 12px 16px !important;
    border: 1px solid var(--theme-border) !important;
    border-radius: 8px !important;
    margin-top: 12px !important;
}

.weather-content {
    gap: 12px !important;
}

.weather-icon img {
    width: 50px !important;
    height: 50px !important;
}

.weather-city {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.weather-temp {
    font-size: 24px !important;
    font-weight: 700 !important;
}

.weather-description {
    font-size: 13px !important;
    margin-top: 4px !important;
}