/**
 * Kastorfer SV – Design-Tokens
 *
 * Zentrale Variablen für Farben, Abstände, Schatten und Radien.
 * Gültig nur im Frontend (wp_enqueue_scripts).
 */

:root {
	/* Vereinsfarben */
	--ksv-red: #DD183B;
	--ksv-red-dark: #B01430;
	--ksv-black: #0F172A;
	--ksv-text: #3A3A3A;
	--ksv-gray-light: #F5F5F5;
	--ksv-color-surface-muted: #f4f5f6;
	--ksv-border-subtle: rgba(15, 23, 42, 0.08);
	--ksv-white: #FFFFFF;

	/* Abstände & Form */
	--ksv-radius-sm: 4px;
	--ksv-radius-md: 8px;
	--ksv-radius-lg: 12px;

	/* Schatten */
	--ksv-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
	--ksv-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.1);
	--ksv-shadow-lg: 0 8px 24px rgba(15, 23, 42, 0.12);

	/* Interaktion */
	--ksv-transition: 0.2s ease;
	--ksv-focus-ring: 2px solid var(--ksv-red);
	--ksv-focus-offset: 2px;
}

/**
 * Astra-Globalvariablen überschreiben – ersetzt Pfirsich (#FFEDE6)
 * und harmonisiert Akzentfarben mit der KSV-CI.
 */
body:not(.wp-admin) {
	--ast-global-color-0: var(--ksv-red);
	--ast-global-color-1: var(--ksv-red-dark);
	--ast-global-color-2: var(--ksv-black);
	--ast-global-color-3: var(--ksv-text);
	--ast-global-color-4: var(--ksv-gray-light);
	--ast-global-color-5: var(--ksv-white);
	--ast-global-color-6: var(--ksv-gray-light);
	--ast-global-color-7: var(--ksv-black);
	--ast-global-color-primary: var(--ksv-white);
	--ast-global-color-secondary: var(--ksv-gray-light);
	--ast-global-color-alternate-background: var(--ksv-black);
	--ast-global-color-subtle-background: var(--ksv-gray-light);
	--ast-widget-bg-color: var(--ksv-white);
	--ast-title-layout-bg: var(--ksv-gray-light);
	--ast-bg-style-guide: var(--ksv-gray-light);
}