:root {
	--color-ue-purple: #4c2683;
	--color-ue-white: #ffffff;
	--color-ue-gold: #f68b1f;
	--color-ue-cinnabar: #e04e39;
	--color-ue-cinnabar-dark: #d04532;
	--color-ue-cornflower: #298fc2;
	--color-ue-turquoise: #91d6ac;
	--color-ue-maize: #f2c75c;
	--color-ue-sapphire: #34657f;
	--color-ue-pewter: #7a99ac;
	/* Base color */
	--color-base-0: var(--color-ue-purple);
	/* Base Color Tints (lighter → negative indices) */
	--color-base--10: color-mix(in srgb, var(--color-base-0) 90%, white);
	--color-base--20: color-mix(in srgb, var(--color-base-0) 80%, white);
	--color-base--30: color-mix(in srgb, var(--color-base-0) 70%, white);
	--color-base--40: color-mix(in srgb, var(--color-base-0) 60%, white);
	--color-base--50: color-mix(in srgb, var(--color-base-0) 50%, white);
	--color-base--60: color-mix(in srgb, var(--color-base-0) 40%, white);
	--color-base--70: color-mix(in srgb, var(--color-base-0) 30%, white);
	--color-base--80: color-mix(in srgb, var(--color-base-0) 20%, white);
	--color-base--90: color-mix(in srgb, var(--color-base-0) 10%, white);
	/* Base Color Shades (darker → positive indices) */
	--color-base-10: color-mix(in srgb, var(--color-base-0) 90%, black);
	--color-base-20: color-mix(in srgb, var(--color-base-0) 80%, black);
	--color-base-30: color-mix(in srgb, var(--color-base-0) 70%, black);
	--color-base-40: color-mix(in srgb, var(--color-base-0) 60%, black);
	--color-base-50: color-mix(in srgb, var(--color-base-0) 50%, black);
	--color-base-60: color-mix(in srgb, var(--color-base-0) 40%, black);
	--color-base-70: color-mix(in srgb, var(--color-base-0) 30%, black);
	--color-base-80: color-mix(in srgb, var(--color-base-0) 20%, black);
	--color-base-90: color-mix(in srgb, var(--color-base-0) 10%, black);
	/* Gray (neutral) */
	--color-gray-0: #808080;
	/* Gray Tints (lighter → negative indices) */
	--color-gray--10: color-mix(in srgb, var(--color-gray-0) 90%, white);
	--color-gray--20: color-mix(in srgb, var(--color-gray-0) 80%, white);
	--color-gray--30: color-mix(in srgb, var(--color-gray-0) 70%, white);
	--color-gray--40: color-mix(in srgb, var(--color-gray-0) 60%, white);
	--color-gray--50: color-mix(in srgb, var(--color-gray-0) 50%, white);
	--color-gray--60: color-mix(in srgb, var(--color-gray-0) 40%, white);
	--color-gray--70: color-mix(in srgb, var(--color-gray-0) 30%, white);
	--color-gray--80: color-mix(in srgb, var(--color-gray-0) 20%, white);
	--color-gray--90: color-mix(in srgb, var(--color-gray-0) 10%, white);
	/* Gray Shades (darker → positive indices) */
	--color-gray-10: color-mix(in srgb, var(--color-gray-0) 90%, black);
	--color-gray-20: color-mix(in srgb, var(--color-gray-0) 80%, black);
	--color-gray-30: color-mix(in srgb, var(--color-gray-0) 70%, black);
	--color-gray-40: color-mix(in srgb, var(--color-gray-0) 60%, black);
	--color-gray-50: color-mix(in srgb, var(--color-gray-0) 50%, black);
	--color-gray-60: color-mix(in srgb, var(--color-gray-0) 40%, black);
	--color-gray-70: color-mix(in srgb, var(--color-gray-0) 30%, black);
	--color-gray-80: color-mix(in srgb, var(--color-gray-0) 20%, black);
	--color-gray-90: color-mix(in srgb, var(--color-gray-0) 10%, black);
	/* Text Colors */
	--color-text-primary: #000;
	--color-text-inverse: #fff;
	/* Fonts */
	--font-size--2: 0.75rem;
	--font-size--1: 0.875rem;
	--font-size-0: 1rem;
	--font-size-1: 1.375rem;
	--font-size-2: 1.75rem;
	--font-size-3: 2rem;
	--font-size-4: 2.25rem;
	--font-size-5: 2.5rem;
	--line-height: 1.4;
}