/*
 * Aulë Bildergalerie — UI-Theme Fallback (Hell / Dunkel)
 *
 * Diese Datei wird statisch mit dem Plugin ausgeliefert und dient nur als
 * FALLBACK: Sie stellt sicher, dass Hell-/Dunkelmodus auch dann funktionieren,
 * wenn die (pro Seite generierte) globale Galerie-CSS noch nicht neu
 * gespeichert wurde und die Theme-Blöcke daher noch nicht enthält.
 *
 * Bewusst nur EINFACHE Klassen-Selektoren (.aule-gallery-ui-dark /
 * .aule-gallery-ui-light, Spezifität 0,1,0). Die bearbeitbaren Presets in der
 * globalen Galerie-CSS nutzen `.aule-image-gallery.aule-ui-*` bzw.
 * `.aule-gallery-modal.aule-ui-*` (0,2,0) und gewinnen daher IMMER —
 * unabhängig von der Ladereihenfolge. Individuelle Anpassungen in den
 * Aulë-Einstellungen haben so stets Vorrang vor diesem Fallback.
 *
 * Eine eigene Klasse (statt .aule-ui-dark) ist nötig, weil die Slider-Themes
 * denselben Namen belegen — dort steuert er die --aule-slider-* Variablen.
 *
 * Nur Variablen — keine Eigenschafts-Overrides, damit die Anpassbarkeit über
 * die globale CSS erhalten bleibt.
 */

/* Dunkel — dunkle Flächen, helle Icons */
.aule-gallery-ui-dark {
  --aule-gallery-overlay-bg: rgba(0, 0, 0, 0.45);
  --aule-gallery-overlay-icon-color: #ffffff;
  --aule-gallery-more-bg: oklch(0.25 0 0);
  --aule-gallery-more-color: #ffffff;
}

/* Hell — helle Flächen, dunkle Icons */
.aule-gallery-ui-light {
  --aule-gallery-overlay-bg: rgba(255, 255, 255, 0.55);
  --aule-gallery-overlay-icon-color: #1a1a1a;
  --aule-gallery-more-bg: #ffffff;
  --aule-gallery-more-color: #1a1a1a;
}