@import url("https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,600;0,700;1,400&family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&display=swap");

/* ===========================================================================
   Template „Jahreszeiten Blau"
   Schieferblau als Marke – die Farbe des Sockelgeschosses.
   Farbwerte aus den beiden Haus-Fotos gemessen. Kern (Haus) bleibt ganzjährig,
   die Saisonschicht unten wechselt zwischen Sommer und Winter.
   Erfüllt den Token-Vertrag v1 aus themes/klassik.css.
   =========================================================================== */
:root {
  /* Marke */
  --marke:            #26485f;
  --marke-text:       #26485f;
  --marke-stark:      #16303f;
  --marke-sanft:      #dce7ee;
  --marke-tief:       #12222e;
  --marke-auf-dunkel: #a8c4d6;
  --marke-auf-marke:  #c7dbe8;
  --grund-marke:      #eef3f7;

  /* Halbtransparente Markenflächen */
  --marke-dunkel-rgb: 22, 48, 63;
  --marke-mittel-rgb: 32, 62, 80;
  --schleier-rgb:     18, 34, 46;

  /* Akzent – „Holzfeuer". Etwas dunkler als die #b8722a der Klassik, damit
     weisser Text darauf und der Ton auf Weiss beide 4,5:1 erreichen. */
  --akzent:           #9e611f;
  --akzent-stark:     #7e4a16;
  --akzent-text:      #9e611f;
  --akzent-sanft:     #fbf0e2;

  /* Flächen */
  --flaeche:          #ffffff;
  --grund-warm:       #f7f5f0;
  --grund-kalt:       #f1f5f9;

  /* Text – blaustichige Neutrale, nicht grau */
  --text:             #1b2429;
  --text-mittel:      #3e4e57;
  --text-leise:       #64757f;
  --text-invers:      #ffffff;

  /* Linien, Schatten, Sonstiges – flacher als in Klassik, das Berglicht ist hart */
  --linie:            rgba(38,72,95,0.16);
  --tooltip-grund:    rgba(20, 28, 34, .94);
  --status-ok:        #1a7a40;   /* semantisch, in allen Templates gleich */
  --bewertung-stern:  #f59e0b;
  --schatten-s:       0 1px 2px rgba(27,36,41,0.06);
  --schatten-m:       0 1px 2px rgba(27,36,41,0.06), 0 8px 24px -12px rgba(27,36,41,0.18);
  --schatten-l:       0 2px 4px rgba(27,36,41,0.07), 0 18px 44px -18px rgba(27,36,41,0.26);

  /* Radien – enger als in Klassik. Das Gebäude ist kantig. */
  --r-xs:  4px;
  --r-s:   6px;
  --r-m:   8px;
  --r-l:  10px;
  --r-xl: 12px;
  --r-2xl:16px;
  --r-3xl:18px;

  /* Schrift */
  --font-display: Bitter, Georgia, "Times New Roman", serif;
  --font-text:    "Source Sans 3", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;

  /* Saisonschicht – Sommer ist der Ausgangszustand */
  --saison:       #7e8b33;
  --saison-text:  #6e7a2b;
  --saison-sanft: #f2f4e6;
  --saison-rand:  #d6dc98;
  --saison-tief:  #16220f;
}

/* Winterschicht. Das Attribut sitzt am <body> (siehe fewo_theme_body_attr()),
   deshalb kein :root-Selektor — sonst greift die Regel nicht. */
[data-season="winter"] {
  --saison:       #2f5478;
  --saison-text:  #2f5478;
  --saison-sanft: #edf2f8;
  --saison-rand:  #b5c4dd;
  --saison-tief:  #16232f;
}