/* Stage Planet – Basis (ergänzt theme.json). */
:root {
	--sp-radius: 0.5rem;
	--sp-shadow: 0 1px 2px rgba(18, 16, 15, 0.06), 0 8px 24px rgba(18, 16, 15, 0.06);
	--sp-transition: 160ms ease;
}

/* Barrierefreiheit: sichtbarer Fokus, Skip-Link. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}
.sp-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: var(--wp--preset--color--ink);
	color: #fff;
	padding: 0.75rem 1rem;
	z-index: 1000;
}
.sp-skip-link:focus {
	left: 0.5rem;
	top: 0.5rem;
}

/* Reduzierte Bewegung respektieren. */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.001ms !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}

/* Bilder standardmässig responsiv. */
img, video, iframe { max-width: 100%; height: auto; }

/* Dezente Karten-Optik. */
.sp-card,
.sp-event-card,
.sp-artist-card {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--sp-radius);
	overflow: hidden;
	transition: transform var(--sp-transition), box-shadow var(--sp-transition);
}
.sp-card:hover,
.sp-event-card:hover,
.sp-artist-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--sp-shadow);
}