/* IMPark Nürnberg — Farb-Tokens (Screendesign-Vorgabe).
   ---------------------------------------------------------------------------
   Palette laut Vorlage (die EINZIGE Stelle, an der Marken-Farben stehen):
     Blau      #2b7ee2
     Hellblau  #95bff1 · #cadff8 · #e5effc
     Orange    #ffa000  (+ warme Töne #fff1d9 · #fffaf2)
     Text      #414141 (Haupttext) · #646464 (Sekundärtext)
     Weiß      #ffffff
   ---------------------------------------------------------------------------
   Funktionale Ausnahmen (NICHT Teil der Marken-Palette, aber fachlich nötig):
   Status «frei» = grün, Fehler/Storno = rot. Beide sind bewusst auf je EINEN
   Ton + Fläche + Linie reduziert, damit die Seite nicht bunt wird.
   Farbwechsel künftig NUR hier — alle Frontend-Stylesheets referenzieren die
   Tokens, keine harten Hex-Werte mehr. */

:root,
body.impark-brand {
  /* —— Marken-Palette —— */
  --ipk-blue:       #2b7ee2;  /* Primär: Links, Labels, aktive Zustände, Hero-Flächen */
  --ipk-blue-deep:  #1f63c0;  /* Hover/aktiv + tiefste Flächen (aus der Blau-Achse) */
  --ipk-blue-soft:  #95bff1;  /* helle Blau-Abstufung (Linien auf Blau, Icons) */
  --ipk-blue-pale:  #cadff8;  /* Flächen/Rahmen kräftiger */
  --ipk-blue-bg:    #e5effc;  /* helle Flächen (Sektionen, Tabellenköpfe) */
  --ipk-orange:     #ffa000;  /* Haupt-CTA («BUCHEN») */
  --ipk-orange-deep:#e08c00;  /* CTA hover (aus der Orange-Achse) */
  --ipk-orange-bg:  #fff1d9;  /* warme Fläche / Hinweis */
  --ipk-cream:      #fffaf2;  /* Seitenfläche (warm), NICHT weiß */
  --ipk-ink:        #414141;  /* Haupttext + Überschriften */
  --ipk-muted:      #646464;  /* Sekundärtext, Labels, Platzhalter */
  --ipk-white:      #ffffff;

  /* —— Abgeleitete Linien/Schatten (nur Deckkraft der Palette) —— */
  --ipk-line:       rgba(65, 65, 65, .14);
  --ipk-line-soft:  rgba(65, 65, 65, .08);
  --ipk-line-strong: rgba(65, 65, 65, .34); /* sichtbare Kontur, z. B. Zeitstrahl */
  --ipk-line-on-blue: rgba(255, 255, 255, .22);
  --ipk-shadow:     0 1px 2px rgba(65, 65, 65, .06), 0 10px 26px rgba(65, 65, 65, .10);

  /* —— Funktionale Status-Farben (Ausnahme, s. o.) —— */
  --ipk-ok:         #27794d;
  --ipk-ok-bg:      #e7f5ec;
  --ipk-ok-line:    #bfe3cf;
  --ipk-danger:     #b3261e;
  --ipk-danger-bg:  #fdecea;
  --ipk-danger-line:#f3c1bd;

  /* —— Remap bestehender Plugin-/Subsystem-Variablen auf die Tokens —— */
  --impark-primary:            var(--ipk-blue);
  --impark-secondary:          var(--ipk-blue-deep);
  --impark-accent:             var(--ipk-blue);
  --impark-text:               var(--ipk-ink);
  --impark-heading:            var(--ipk-ink);
  --impark-muted:              var(--ipk-muted);
  --impark-amber:              var(--ipk-orange);
  --impark-amber-deep:         var(--ipk-orange-deep);
  --impark-landing-accent:     var(--ipk-orange);
  --impark-landing-accent-alt: var(--ipk-blue);
  --impark-spl-navy:           var(--ipk-blue);
  --impark-spl-navy-soft:      var(--ipk-blue-deep);
  --impark-spl-accent:         var(--ipk-orange);
  --impark-spl-accent-2:       var(--ipk-ok);
}

/* Grundfläche ist CREME (#fffaf2), nicht weiß — Weiß sind nur Karten/Zeilen darauf. */
body.impark-brand {
  background: var(--ipk-cream);
  color: var(--ipk-ink);
}
body.impark-brand .impark-page,
body.impark-brand main {
  background: transparent;
}