/*
 * Himmelfreund-Branding
 * ------------------------------------------------------------------
 * Einzige Stelle für Markenfarben der Webseite. site.css verwendet nur diese
 * Variablen, nie feste Farbwerte für die Marke.
 *
 * Quelle: Farben von https://himmelfreund.de (Theme-Variablen --wstyle-* und
 * gemessene Werte, ausgelesen am 12.11.2026), damit Mail-Seite und Hauptseite
 * gleich aussehen. Ändert sich das Design von himmelfreund.de, hier nachziehen.
 *
 * Kontrast (WCAG AA, mind. 4,5:1) geprüft für: --on-brand auf --brand (≈ 7:1),
 * --on-accent auf --accent (≈ 6:1), --text auf --bg, --brand auf --bg.
 */

:root {
  /* Hell */
  --brand:        #015c91;  /* --wstyle-primary: Links, Buttons */
  --brand-strong: #0b3556;  /* --wstyle-secondary: Navy, Überschriften, Hover */
  --brand-soft:   #e2f4fb;  /* Himmelblau-Fläche (Hero, Hinweise) */
  --on-brand:     #ffffff;
  --accent:       #f49602;  /* Orange der Haupt-Aktionsknöpfe */
  --on-accent:    #0b3556;

  --bg:           #ffffff;
  --surface:      #f2f8fc;  /* Kartenflächen */
  --heading:      #0b3556;
  --text:         #2b3d57;
  --muted:        #4f5b6e;
  --border:       #d6dee8;

  --ok:           #17663f;
  --warn:         #9a5b00;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dunkel – Werte aus dem Dunkelmodus von himmelfreund.de */
    --brand:        #3fa9e8;
    --brand-strong: #8fcdf3;
    --brand-soft:   #15304a;
    --on-brand:     #0b1622;
    --accent:       #f49602;
    --on-accent:    #0b1622;

    --bg:           #0b1622;
    --surface:      #102233;
    --heading:      #f2f6fa;
    --text:         #c9d6e3;
    --muted:        #8fa3b8;
    --border:       #24405c;

    --ok:           #2fa46e;
    --warn:         #e3aa4f;
  }
}