/**
 * RAI25 Shop — design tokens.
 * Central palette/spacing/radius scale reused by every zone stylesheet.
 */

:root {
	--rai-color-primary: #c8102e;
	--rai-color-primary-hover: #a50d26;
	--rai-color-text: #1a1a1a;
	--rai-color-text-muted: #5c5c5c;
	--rai-color-border: #e2e2e2;
	--rai-color-surface: #ffffff;
	--rai-color-surface-alt: #f7f7f8;
	--rai-color-success: #2f7d32;
	--rai-color-danger: #c8102e;

	--rai-space-1: 0.25rem;
	--rai-space-2: 0.5rem;
	--rai-space-3: 1rem;
	--rai-space-4: 1.5rem;
	--rai-space-5: 2rem;
	--rai-space-6: 3rem;

	--rai-radius-sm: 4px;
	--rai-radius-md: 8px;
	--rai-radius-lg: 16px;

	--rai-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
	--rai-shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.1);

	--rai-font-base: inherit;
	--rai-font-size-sm: clamp(0.8125rem, 0.78rem + 0.15vw, 0.875rem);
	--rai-font-size-base: clamp(0.9375rem, 0.9rem + 0.15vw, 1rem);
	--rai-font-size-lg: clamp(1.125rem, 1.05rem + 0.3vw, 1.375rem);
	--rai-font-size-xl: clamp(1.5rem, 1.35rem + 0.6vw, 2rem);
}