:root {
	/* Base Colors */
	--color-primary: #1f06b6;
	--color-primary-hover: #15058e;
	--color-secondary: #4b5565;
	--color-secondary-bg: #e8eaf0;
	--color-secondary-text: #4b5565;
	--color-tertiary-bg: #f6f8fa;
	--color-tertiary-text: #697586;
	--color-white: #ffffff;

	/* Grey Scale */
	--color-grey-0: #ffffff;
	--color-grey-50: #f6f6f6;
	--color-grey-100: #e7e7e7;
	--color-grey-200: #d1d1d1;
	--color-grey-300: #b0b0b0;
	--color-grey-400: #888888;
	--color-grey-500: #6d6d6d;
	--color-grey-600: #5d5d5d;
	--color-grey-700: #4a4a4a;
	--color-grey-800: #454545;
	--color-grey-900: #3d3d3d;
	--color-grey-950: #262626;

	/* Primary Shades */
	--color-primary-50: #f1f2ff;
	--color-primary-300: #a7a8ff;
	--color-primary-400: #7a75ff;
	--color-primary-500: #4f3eff;
	--color-primary-950: #0c0076;

	/* Secondary Colors */
	--color-secondary-green: #24d7b6;
	--color-secondary-blue: #028ce7;
	--color-secondary-red: #ff867e;

	/* Secondary Green Shades */
	--color-secondary-green-50: #effef9;
	--color-secondary-green-100: #cafdef;
	--color-secondary-green-200: #95fae0;
	--color-secondary-green-300: #58f0cf;
	--color-secondary-green-600: #089984;

	/* Secondary Blue Shades */
	--color-secondary-blue-50: #eff8ff;
	--color-secondary-blue-100: #deefff;
	--color-secondary-blue-200: #b6e1ff;
	--color-secondary-blue-300: #76c9ff;
	--color-secondary-blue-600: #0075d2;
	--color-secondary-blue-700: #0274C0;

	/* Secondary Red Shades */
	--color-secondary-red-50: #fff2f1;
	--color-secondary-red-100: #ffe3e1;
	--color-secondary-red-300: #ffa6a0;
	--color-secondary-red-700: #c11f14;


	/* Tertiary Colors */
	--color-tertiary-purple-washed-out: #1F06B60D;
	--color-tertiary-purple: #0C007699;

;

	/* System Colors */
	--color-system-green: #0dbfa1;
	--color-system-green-50: #effef9;
	--color-system-orange: #ff9000;
	--color-system-orange-50: #fff3e0;
	--color-system-red: #e5291d;
	--color-system-red-50: #fff2f1;

	/* Special States */
	--color-disabled-bg: #f6f6f6;
	--color-disabled-text: #d1d1d1;
	--color-focus: #4d7bf3;

	/* Spacing */
	--spacing-0: 0px;
	--spacing-05: 4px;
	--spacing-1: 8px;
	--spacing-2: 16px;
	--spacing-3: 24px;
	--spacing-4: 32px;
	--spacing-5: 40px;
	--spacing-6: 48px;
	--spacing-7: 56px;
	--spacing-8: 64px;
	--spacing-9: 72px;

	/* Border radius */
	--radius-md: 8px;
	--radius-lg: 16px;
	--radius-xl: 24px;
	--radius-xl2: 28px;
	--radius-xl5: 48px;

	/* Typography */
	--font-family-base: 'Poppins', sans-serif;
	--font-size-base: 1rem;
	--font-size-lg: 1.25rem;
	--font-size-xl: 1.5rem;
	--font-size-sm: 0.875rem;

	/* Breakpoints */
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
}