:root {
	--arkana-color-bg: #050409;
	--arkana-color-bg-deep: #020205;
	--arkana-color-bg-soft: #0b0715;
	--arkana-color-surface: rgba(19, 13, 32, 0.72);
	--arkana-color-surface-strong: rgba(25, 17, 43, 0.94);
	--arkana-color-text: #f8f7fc;
	--arkana-color-text-muted: #bdb7ca;
	--arkana-color-text-soft: #8f889f;
	--arkana-color-border: rgba(255, 255, 255, 0.13);
	--arkana-color-border-strong: rgba(174, 112, 255, 0.32);
	--arkana-color-violet: #7c2cff;
	--arkana-color-purple: #b300ff;
	--arkana-color-blue: #244dff;
	--arkana-color-cyan: #35c6ff;
	--arkana-color-pink: #ff44c7;
	--arkana-color-orange: #ff7a2f;
	--arkana-color-yellow: #ffd84d;
	--arkana-color-green: #5cf0b5;
	--arkana-gradient-brand: linear-gradient(135deg, #3d25ff 0%, #7b2fff 42%, #c12fff 74%, #ff4d9d 100%);
	--arkana-gradient-cool: linear-gradient(135deg, #5b33ff 0%, #b320ff 58%, #ef32bd 100%);
	--arkana-gradient-text: linear-gradient(90deg, #5a43ff 0%, #7c42ff 30%, #b126ff 62%, #ff2fa5 100%);
	--arkana-font-display: "Space Grotesk", "Sora", "Plus Jakarta Sans", Inter, system-ui, sans-serif;
	--arkana-font-body: Inter, Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--arkana-space-1: 0.25rem;
	--arkana-space-2: 0.5rem;
	--arkana-space-3: 0.75rem;
	--arkana-space-4: 1rem;
	--arkana-space-5: 1.5rem;
	--arkana-space-6: 2rem;
	--arkana-space-7: 3rem;
	--arkana-space-8: 4.5rem;
	--arkana-space-9: 6.5rem;
	--arkana-radius-sm: 0.75rem;
	--arkana-radius-md: 1.25rem;
	--arkana-radius-lg: 2rem;
	--arkana-radius-xl: 2.75rem;
	--arkana-container: 78rem;
	--arkana-container-narrow: 59rem;
	--arkana-shadow-glow: 0 0 5rem rgba(124, 44, 255, 0.18);
	--arkana-shadow-card: 0 1.5rem 5rem rgba(0, 0, 0, 0.32);
	--arkana-transition: 180ms ease;
	--arkana-transition-slow: 500ms cubic-bezier(0.22, 1, 0.36, 1);
}