/* General */
:root {
	--border-radius: 4px;
	--border-radius2x: 8px;
	--default: #000000;
}

/* Skin Colors */
:root {
	/* Primary — brand indigo */
	--primary: #565f95;
	--primary-100: #4c5588;
	--primary-200: #434b7b;
	--primary-300: #3a416e;
	--primary--100: #6069a2;
	--primary--200: #6a74b0;
	--primary--300: #757fc0;
	--primary-rgba-0: rgba(86, 95, 149, 0);
	--primary-rgba-10: rgba(86, 95, 149, 0.1);
	--primary-rgba-20: rgba(86, 95, 149, 0.2);
	--primary-rgba-30: rgba(86, 95, 149, 0.3);
	--primary-rgba-40: rgba(86, 95, 149, 0.4);
	--primary-rgba-50: rgba(86, 95, 149, 0.5);
	--primary-rgba-60: rgba(86, 95, 149, 0.6);
	--primary-rgba-70: rgba(86, 95, 149, 0.7);
	--primary-rgba-80: rgba(86, 95, 149, 0.8);
	--primary-rgba-90: rgba(86, 95, 149, 0.9);

	/* Secondary — modern blue (energy & tech-forward) */
	--secondary: #3e5a99;
	--secondary-100: #38528d;
	--secondary-200: #324a80;
	--secondary-300: #2c4273;
	--secondary--100: #4966a6;
	--secondary--200: #5371b3;
	--secondary--300: #5e7cc0;
	--secondary-rgba-0: rgba(62, 90, 153, 0);
	--secondary-rgba-10: rgba(62, 90, 153, 0.1);
	--secondary-rgba-20: rgba(62, 90, 153, 0.2);
	--secondary-rgba-30: rgba(62, 90, 153, 0.3);
	--secondary-rgba-40: rgba(62, 90, 153, 0.4);
	--secondary-rgba-50: rgba(62, 90, 153, 0.5);
	--secondary-rgba-60: rgba(62, 90, 153, 0.6);
	--secondary-rgba-70: rgba(62, 90, 153, 0.7);
	--secondary-rgba-80: rgba(62, 90, 153, 0.8);
	--secondary-rgba-90: rgba(62, 90, 153, 0.9);


	/* Tertiary — teal accent (fresh, creative, balanced) */
	--tertiary: #8a6ad9;
	--tertiary-100: #7d5fc9;
	--tertiary-200: #7054b8;
	--tertiary-300: #6349a8;
	--tertiary--100: #9779e1;
	--tertiary--200: #a488ea;
	--tertiary--300: #b198f2;
	--tertiary-rgba-0: rgba(138, 106, 217, 0);
	--tertiary-rgba-10: rgba(138, 106, 217, 0.1);
	--tertiary-rgba-20: rgba(138, 106, 217, 0.2);
	--tertiary-rgba-30: rgba(138, 106, 217, 0.3);
	--tertiary-rgba-40: rgba(138, 106, 217, 0.4);
	--tertiary-rgba-50: rgba(138, 106, 217, 0.5);
	--tertiary-rgba-60: rgba(138, 106, 217, 0.6);
	--tertiary-rgba-70: rgba(138, 106, 217, 0.7);
	--tertiary-rgba-80: rgba(138, 106, 217, 0.8);
	--tertiary-rgba-90: rgba(138, 106, 217, 0.9);



	/* Quaternary — dark neutral for backgrounds/text */
	--quaternary: #30354a;
	--quaternary-100: #2b3044;
	--quaternary-200: #262a3d;
	--quaternary-300: #212537;
	--quaternary--100: #353b51;
	--quaternary--200: #3b4258;
	--quaternary--300: #414860;
	--quaternary-rgba-0: r