/* ============================================================================
 * IK Consent — Eisbär-Eis-Theming
 * ----------------------------------------------------------------------------
 * Passt das Cookie-Banner an die Markenfarben/-schrift an. Lädt NACH
 * ik-consent.css. Nur CSS-Variablen – die Library-Datei bleibt unverändert.
 * ========================================================================== */

.ikc-root {
  /* Markenfarben (aus dem Figma-Design / app.css @theme) */
  --ikc-accent:        #0077c8;            /* blau */
  --ikc-accent-hover:  #0067ad;            /* mittelblau */
  --ikc-accent-text:   #ffffff;
  --ikc-toggle-on:     #0077c8;

  /* Flächen passend zum Vanilla-Hintergrund der Seite */
  --ikc-bg:            #fdf8f1;            /* vanilla */
  --ikc-surface:       #fdf8f1;            /* vanilla */
  --ikc-text:          #004575;            /* dunkelblau */
  --ikc-overlay:       rgba(0, 69, 117, .45);

  /* Form */
  --ikc-font-family:   'ibm-plex-sans', system-ui, -apple-system, sans-serif;
  --ikc-radius:        16px;               /* wie rounded-[16px] der Seite */
  --ikc-btn-radius:    12px;
}

/* Die Eisbär-Seite ist immer hell (vanilla). Dark-Mode des Banners
 * neutralisieren, damit es zum Seiten-Look passt. Gleiche Spezifität wie
 * die Dark-Regel der Library, aber später geladen → gewinnt. */
@media (prefers-color-scheme: dark) {
  .ikc-root:not(.ikc--light) {
    --ikc-bg: #fdf8f1; --ikc-surface: #fdf8f1; --ikc-text: #004575;
    --ikc-muted: #5b6470; --ikc-border: #e3e7ee; --ikc-overlay: rgba(0, 69, 117, .45);
    --ikc-reject-bg: #eef1f6; --ikc-reject-text: #004575;
    --ikc-reject-hover-bg: #e2e6ee; --ikc-reject-border: #cfd6e2;
    --ikc-settings-hover-bg: #f3f5f9;
  }
}

/* Logo im Banner etwas größer zulassen */
.ikc-root .ikc-logo { max-height: 40px; }