/*
Theme Name: Sonnenblume – Twenty Twenty-Three Child
Description: Schlankes Child-Theme für den Schulkindergarten Sonnenblume auf Basis von Twenty Twenty-Three.
Author: Jugendstiftung Baden-Württemberg
Template: twentytwentythree
Version: 1.0.0
Text Domain: sonnenblume-tt3-child
*/

/*
 * Eigene CSS-Anpassungen für die Website kommen unterhalb dieser Zeile hinein.
 *
 * WICHTIG:
 * Twenty Twenty-Three ist ein Block-Theme. Farben, Typografie und Layout
 * sollten nach Möglichkeit über den Website-Editor bzw. später gezielt über
 * theme.json gesteuert werden. Diese Datei ist für Ergänzungen gedacht,
 * die dort nicht sinnvoll abbildbar sind.
 */

/* --------------------------------------------------------------
   Barrierefreiheit – sichtbarer Tastaturfokus
   -------------------------------------------------------------- */

:where(
	a,
	button,
	input,
	select,
	textarea,
	summary,
	[tabindex]:not([tabindex="-1"])
):focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

/* --------------------------------------------------------------
   Bewegungsreduktion
   Respektiert die Systemeinstellung „Bewegung reduzieren“.
   -------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto !important;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}