:root {
	/* Primary */
	--primary: #5e0ec7; /* Custom Purple */
	--primary-hover: #AD77FF; /* Light Purple Hover */
	--primary-dark: #505050; /* Gray */
	
	/* Secondary */
	--secondary: #AD77FF; /* Indigo Blue */
	--secondary-hover: #2e5fdd; /* Darker Indigo Blue */
	--secondary-light: #A7BFFE; /* Light Blue */
	
	/* Title & Text */
	--title: #222222; /* Blackish Title */
	--theme-text-color: #fff; /* Black Text */
	
	/* Backgrounds */
	--bg-light: #faf8f2; /* Light Beige */
	--dark: #202020; /* Dark */
	--dark-light: #515E7D; /* Dark Grayish Blue */
	
	/* New Colors */
	--custom-translucent-purple: #4D0AA480; /* Translucent Purple */
	--custom-yellow: #FFE433; /* Yellow */
	--custom-light-yellow: #FFC131; /* Light Yellow */
	--custom-black: #000000; /* Black */
	
	/* Primary RGBA */
	--rgba-primary-1: rgba(255, 193, 180, 0.1);
	--rgba-primary-2: rgba(255, 193, 180, 0.2);
	--rgba-primary-3: rgba(255, 193, 180, 0.3);
	--rgba-primary-4: rgba(255, 193, 180, 0.4);
	--rgba-primary-5: rgba(255, 193, 180, 0.5);
	--rgba-primary-6: rgba(255, 193, 180, 0.6);
	--rgba-primary-7: rgba(255, 193, 180, 0.7);
	--rgba-primary-8: rgba(255, 193, 180, 0.8);
	--rgba-primary-9: rgba(255, 193, 180, 0.9);
	
	/* Secondary RGBA */
	--rgba-secondary-1: rgba(59, 111, 245, 0.1);
	--rgba-secondary-2: rgba(59, 111, 245, 0.2);
	--rgba-secondary-3: rgba(59, 111, 245, 0.3);
	--rgba-secondary-4: rgba(59, 111, 245, 0.4);
	--rgba-secondary-5: rgba(59, 111, 245, 0.5);
	--rgba-secondary-6: rgba(59, 111, 245, 0.6);
	--rgba-secondary-7: rgba(59, 111, 245, 0.7);
	--rgba-secondary-8: rgba(59, 111, 245, 0.8);
	--rgba-secondary-9: rgba(59, 111, 245, 0.9);
	
	/* Gradient */
	--gradient1: linear-gradient(180deg, #FFFFFF 26.76%, rgba(59 ,111 ,245 ,0.25) 109.73%);
	--gradient2: linear-gradient(180deg, rgba(255, 193, 180, 0) 0%, rgb(231, 216, 255) 100%);
}
  
::selection {
	background: var(--secondary);
}