:root {
	/* Color Palette */
	--color-light-blue:		rgb( 31, 191, 255);
	--color-light-green:	rgb( 31, 255,  31);
	--color-light-orange:	rgb(255, 159,  63);
	--color-light-pink:		rgb(255,  31, 159);
	--color-dark-grey:		rgb( 15,  15,  15);
	--color-dark-purple:	rgb(159,   0, 191);

	--color-card-bg:		rgba(255, 255, 255, 0.05);
	--color-card-border:	rgba(255, 255, 255, 0.1);

	--color-text:			rgb(255, 255, 255);
	--color-text-muted:		rgb(159, 159, 159);

	--bg-gradient-blue:		linear-gradient(
								135deg, 
								color-mix(in srgb, var(--color-light-blue) 20%, transparent) 0%, 
								color-mix(in srgb, var(--color-light-blue) 5%, transparent) 100%
							);
	--bg-gradient-green:	linear-gradient(
								135deg, 
								color-mix(in srgb, var(--color-light-green) 20%, transparent) 0%, 
								color-mix(in srgb, var(--color-light-green) 5%, transparent) 100%
							);
	--bg-gradient-pink:		linear-gradient(
								135deg, 
								color-mix(in srgb, var(--color-light-pink) 20%, transparent) 0%, 
								color-mix(in srgb, var(--color-light-pink) 5%, transparent) 100%
							);
	--bg-gradient-purple:	linear-gradient(
								135deg, 
								color-mix(in srgb, var(--color-dark-purple) 20%, transparent) 0%, 
								color-mix(in srgb, var(--color-dark-purple) 5%, transparent) 100%
							);

	/* Typography */
	--font-marker: 'Permanent Marker', cursive;
	--font-handwriting: 'Kalam', cursive;

	/* Layout Effects */
	--glass-blur: blur(10px);
	--border-radius: 2vw;
	--border: 1px solid var(--color-card-border);
	--padding: 1vw;
	--card-width: 800px;
	--margin: 10px;
}