/*
 * Aulë Image Slider — 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 Slider-CSS noch nicht neu gespeichert
 * wurde und die Theme-Blöcke daher noch nicht enthält.
 *
 * Bewusst nur EINFACHE Klassen-Selektoren (.aule-ui-dark / .aule-ui-light,
 * Spezifität 0,1,0). Die bearbeitbaren Presets in der globalen Slider-CSS nutzen
 * `.aule-image-slider-container.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.
 *
 * Nur Variablen – keine Eigenschafts-Overrides, damit die Anpassbarkeit über
 * die globale CSS erhalten bleibt.
 */

/* Dunkel – entspricht den Standardfarben */
.aule-ui-dark {
  --aule-slider-btn-bg: oklch(0.25 0 0);
  --aule-slider-btn-color: #ffffff;
  --aule-slider-btn-shadow: none;
  --aule-slider-indicator-bg: rgba(0, 0, 0, 0.5);
  --aule-slider-dot-bg: rgba(255, 255, 255, 0.5);
  --aule-slider-dot-fill: #ffffff;
  --aule-slider-play-btn-color: #ffffff;
}

/* Hell – invertierte Variante für helle Bildinhalte */
.aule-ui-light {
  --aule-slider-btn-bg: #ffffff;
  --aule-slider-btn-color: #1a1a1a;
  --aule-slider-btn-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  --aule-slider-indicator-bg: rgba(255, 255, 255, 0.7);
  --aule-slider-dot-bg: rgba(0, 0, 0, 0.35);
  --aule-slider-dot-fill: #1a1a1a;
  --aule-slider-play-btn-color: #1a1a1a;
}