:root {

	--color-bg: #0a0b0f;

	--color-bg-elevated: #0d0f14;

	--color-bg-hero: #1a1033;

	--color-surface: #181b24;

	--color-surface-2: #1f2430;

	--color-primary: #7c5cff;

	--color-primary-glow: rgba(124, 92, 255, 0.45);

	--color-secondary: #2dd4bf;

	--color-text: #f4f6fb;

	--color-text-muted: #a8b0c3;

	--color-border: rgba(255, 255, 255, 0.08);

	--font-display: "Unbounded", system-ui, sans-serif;

	--font-body: "Manrope", system-ui, sans-serif;

	--font-mono: "JetBrains Mono", ui-monospace, monospace;

	--radius-sm: 0.5rem;

	--radius-md: 1rem;

	--radius-lg: 1.5rem;

	--radius-pill: 999px;

	--shadow-glow: 0 0 40px var(--color-primary-glow);

	--container-max: 1200px;

	--space-2: 0.5rem;

	--space-3: 0.75rem;

	--space-4: 1rem;

	--space-6: 1.5rem;

	--space-8: 2rem;

	--space-12: 3rem;

	--space-16: 4rem;

	--header-height: 4.5rem;

	--transition-base: 200ms ease;

}



@media (prefers-reduced-motion: reduce) {

	:root {

		--transition-base: 0ms;

	}

}