/*
 * Nova Stream — design tokens.
 * Color values below are FALLBACKS; the live values are injected as
 * inline CSS custom properties by inc/customizer.php so admin changes
 * apply without editing this file.
 */
:root {
	/* Color (overridden inline by customizer) */
	--nova-bg: #05070C;
	--nova-surface: #0E121B;
	--nova-surface-2: #161B27;
	--nova-accent: #3ED6C5;
	--nova-accent-2: #8B5CF6;
	--nova-text: #F4F6FA;
	--nova-text-dim: #8A93A6;
	--nova-danger: #FF5C7A;
	--nova-border: rgba(244, 246, 250, 0.08);

	/* Typography */
	--nova-font-display: 'Space Grotesk', 'Segoe UI', sans-serif;
	--nova-font-body: 'Inter', 'Segoe UI', sans-serif;
	--nova-fs-xs: 0.75rem;
	--nova-fs-sm: 0.875rem;
	--nova-fs-base: 1rem;
	--nova-fs-lg: 1.25rem;
	--nova-fs-xl: 1.75rem;
	--nova-fs-2xl: 2.5rem;
	--nova-fs-3xl: clamp(2.25rem, 6vw, 4rem);

	/* Spacing (4px scale) */
	--nova-space-1: 4px;
	--nova-space-2: 8px;
	--nova-space-3: 12px;
	--nova-space-4: 16px;
	--nova-space-5: 24px;
	--nova-space-6: 32px;
	--nova-space-8: 48px;
	--nova-space-10: 64px;

	/* Radii / shadows */
	--nova-radius-sm: 8px;
	--nova-radius-md: 14px;
	--nova-radius-lg: 22px;
	--nova-radius-pill: 999px;
	--nova-shadow-card: 0 8px 30px rgba(0, 0, 0, 0.45);
	--nova-shadow-elevated: 0 20px 60px rgba(0, 0, 0, 0.55);

	/* Motion (scale injected by customizer: 0.6 minimal / 1 standard / 1.4 maximal) */
	--nova-motion-scale: 1;
	--nova-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--nova-dur-fast: calc(150ms * var(--nova-motion-scale));
	--nova-dur-base: calc(280ms * var(--nova-motion-scale));
	--nova-dur-slow: calc(500ms * var(--nova-motion-scale));

	/* Layout */
	--nova-container-width: 1440px;
	--nova-header-height: 64px;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--nova-dur-fast: 1ms;
		--nova-dur-base: 1ms;
		--nova-dur-slow: 1ms;
	}
}