:root {
	--accent:	208 0 255;
	--accent-active:	color-mix(in oklch, rgb(var(--accent)) 85%, purple);
	--accent-glow:	color-mix(in srgb, rgb(var(--accent)), transparent 70%);
	--accent-hover:	color-mix(in oklch, rgb(var(--accent)) 85%, black);
	--background:	255 255 255;
	--bg-footer:	color-mix(in oklch, rgb(var(--accent)) 16%, rgb(var(--background)));
	--bg-panel:	color-mix(in oklch, rgb(var(--accent)) 24%, rgb(var(--background)));
	--border:	165 243 0;
	--button:	color-mix(in srgb, rgb(var(--background)), rgb(var(--text)) 25%);
	--danger:	color-mix(in srgb, #ef4444, rgb(var(--background)) 25%);
	--duration:	1600ms;
	--easing:	cubic-bezier(.4,0,.2,1);
	--font-size:	15px;
	--font-size-md:	1rem;
	--font-size-xl:	1.5rem;
	--hr-color:	#9333ea;
	--hr-height:	4px;
	--icon-size:	2rem;
	--min-scale:	.1;
	--preview-height-md:	128px;
	--radius-circle:	50%;
	--radius-lg:	1rem;
	--radius-md:	0.5rem;
	--radius-pill:	999rem;
	--radius-sm:	0.25rem;
	--shadow:	255, 248, 220;
	--space-lg:	1.5rem;
	--space-md:	1rem;
	--space-sm:	.5rem;
	--space-xl:	2rem;
	--submit:	rgb(var(--accent));
	--submit-active:	color-mix(in srgb, rgb(var(--accent)), rgb(var(--text)) 20%);
	--submit-hover:	color-mix(in srgb, rgb(var(--accent)), rgb(var(--text)) 10%);
	--surface:	123 123 123;
	--z-base:	1;
	--z-modal:	2000;
	--z-overlay:	1000;
	--z-sticky:	900;
	--z-tooltip:	3000;
}