/* Brücke: EPP-Variablen → Design-Tokens von EXT:hph_news */
:root {
	--color-primary-500: var(--mainColor);
	--color-primary-700: var(--mainColorDark);
	--color-neutral-100: var(--backgroundColor);
	--color-neutral-200: var(--backgroundColorDark);
	--color-neutral-500: var(--greyColor);
	--color-neutral-900: var(--greyDarkColor);
	--color-contrast: var(--contrastColor);
	--color-contrast-inverted: var(--contrastColorInverted);
	--radius-lg: 5px;
	--container-default: var(--maxWidth);
	--header-height: 120px;
}

/* hph_news liefert seine Transitions ohne Standarddauer (Fallback 0s) –
   Karte, Rahmen und Schatten sprangen beim Hover, nur das Bild zoomte.
   Dauer wie im Sitepackage (--baseTransition: .3s ease-in-out). */
html [data-hph-news] :is(.transition, .transition-colors, .transition-opacity),
html [data-hph-news] :is([class*="[&_a]:transition"], [class*="[&_a,&_button]:transition"]) :is(a, button),
html [data-hph-news] [class*="after:transition-transform"]::after {
	transition-duration: var(--tw-duration, .3s);
	transition-timing-function: var(--tw-ease, ease-in-out);
}