/*
 * wetter-theme-default.css  -  Farbschema "Hell / Alpin"
 * Version: 1.1.0
 *
 * Enthält ausschließlich Design-Tokens (Farben, Radien, Schatten, Fonts)
 * als CSS-Variablen. Das Layout steckt in wetter.css. Um ein anderes
 * Farbschema zu verwenden, genügt es, diese Datei durch eine andere zu
 * ersetzen (gleiche Variablennamen).
 *
 * Richtung: helles, ruhiges Schema. Kühles Hellblau als Fläche,
 * Himmelblau als Primärfarbe, Kräutergrün als Akzent. Kein Gelb.
 *
 * Changelog:
 *   1.1.0  Roboto als Standardschrift (selbst gehostet, DSGVO-konform, kein
 *          Google-Fonts-CDN). Variable woff2 (Strichstaerke 100-900) neben den
 *          CSS-Dateien ablegen. --wetter-font stellt Roboto voran, System-
 *          schriften bleiben Fallback.
 *   1.0.0  Erstfassung.
 */

/* Selbst gehostetes Roboto (SIL Open Font License 1.1).
 * Eine variable Datei deckt alle Strichstaerken 100-900 ab.
 * "Roboto-var.woff2" muss im selben Verzeichnis wie die CSS-Dateien liegen. */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100 900;             /* variable Achse wght */
    font-display: swap;
    src: url("Roboto-var.woff2") format("woff2");
}

:root {
    /* Flächen und Text */
    --wetter-bg:            #eef4f9;
    --wetter-surface:       #ffffff;
    --wetter-surface-2:     #e7eff6;
    --wetter-text:          #1f2d3a;
    --wetter-text-muted:    #5b6b7a;
    --wetter-border:        #d7e2ec;

    /* Primär / Akzent */
    --wetter-primary:       #2f7bc4;
    --wetter-primary-dark:  #245f98;
    --wetter-primary-tint:  #e6f0f9;
    --wetter-accent:        #3f9e6b;
    --wetter-accent-tint:   #e5f3ec;

    /* Status */
    --wetter-danger:        #c0392b;
    --wetter-danger-tint:   #fbeae8;

    /* Form und Struktur */
    --wetter-radius:        12px;
    --wetter-radius-sm:     8px;
    --wetter-shadow:        0 1px 2px rgba(31, 45, 58, .06), 0 4px 16px rgba(31, 45, 58, .07);
    --wetter-shadow-sm:     0 1px 2px rgba(31, 45, 58, .08);

    /* Datenreihen (Chart und Kennzahlen) - kein Gelb */
    --wetter-series-temp:   #e4572e;   /* Temperatur   */
    --wetter-series-wind:   #17a2b8;   /* Wind         */
    --wetter-series-gust:   #86cfda;   /* Böen        */
    --wetter-series-nie:    #3a6ea5;   /* Niederschlag */
    --wetter-series-son:    #f08c00;   /* Sonnenschein (Orange statt Gelb) */
    --wetter-series-feu:    #7048b6;   /* Luftfeuchte  */

    /* Schrift (austauschbar) - Roboto selbst gehostet, Rest als Fallback */
    --wetter-font:          "Roboto", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --wetter-font-display:  var(--wetter-font);
}