:root {
  /* base */
  --color-black: rgb(0, 0, 0);
  --color-white: rgb(255, 255, 255);

  /* === BRAND PRIMARY → EC Maroon === */
  --color-primary-50: rgb(239, 231, 231); /* EC Maroon-50  */
  --color-primary-100: rgb(206, 179, 179); /* EC Maroon-100 */
  --color-primary-200: rgb(182, 142, 143); /* EC Maroon-200 */
  --color-primary-300: rgb(148, 91, 92); /* EC Maroon-300 */
  --color-primary-400: rgb(128, 59, 60); /* EC Maroon-400 */
  --color-primary-500: rgb(96, 11, 11); /* EC Maroon-500 */
  --color-primary-600: rgb(87, 9, 10); /* EC Maroon-600 */
  --color-primary-700: rgb(68, 7, 8); /* EC Maroon-700 */
  --color-primary-800: rgb(53, 6, 6); /* EC Maroon-800 */
  --color-primary-900: rgb(40, 4, 5); /* EC Maroon-900 */

  /* === NEUTRALS → EC Grey === */
  --color-gray-50: rgb(235, 235, 236); /* EC Grey-50  */
  --color-gray-100: rgb(193, 194, 195); /* EC Grey-100 */
  --color-gray-200: rgb(163, 164, 166); /* EC Grey-200 */
  --color-gray-300: rgb(122, 123, 126); /* EC Grey-300 */
  --color-gray-400: rgb(96, 97, 101); /* EC Grey-400 */
  --color-gray-500: rgb(51, 53, 52); /* EC Grey-500 */
  --color-gray-600: rgb(51, 53, 56); /* EC Grey-600 */
  --color-gray-700: rgb(40, 41, 44); /* EC Grey-700 */
  --color-gray-800: rgb(31, 32, 34); /* EC Grey-800 */
  --color-gray-900: rgb(24, 24, 26); /* EC Grey-900 */

  /* === RED (error) === */
  --color-red-50: rgb(253, 237, 237);
  --color-red-100: rgb(248, 199, 198);
  --color-red-200: rgb(245, 171, 171);
  --color-red-300: rgb(241, 133, 132);
  --color-red-400: rgb(238, 109, 109);
  --color-red-500: rgb(234, 73, 72);
  --color-red-600: rgb(213, 66, 66);
  --color-red-700: rgb(166, 52, 51);
  --color-red-800: rgb(129, 40, 40);
  --color-red-900: rgb(98, 31, 30);

  --color-orange-50: rgb(255, 248, 241);
  --color-orange-100: rgb(254, 236, 220);
  --color-orange-200: rgb(252, 217, 189);
  --color-orange-300: rgb(253, 186, 140);
  --color-orange-400: rgb(255, 138, 76);
  --color-orange-500: rgb(255, 90, 31);
  --color-orange-600: rgb(208, 56, 1);
  --color-orange-700: rgb(180, 52, 3);
  --color-orange-800: rgb(138, 44, 13);
  --color-orange-900: rgb(119, 29, 29);

  /* === YELLOW (warning/attention) === */
  --color-yellow-50: rgb(254, 248, 236);
  --color-yellow-100: rgb(252, 233, 195);
  --color-yellow-200: rgb(250, 222, 167);
  --color-yellow-300: rgb(248, 207, 126);
  --color-yellow-400: rgb(246, 197, 101);
  --color-yellow-500: rgb(244, 183, 63);
  --color-yellow-600: rgb(222, 167, 57);
  --color-yellow-700: rgb(173, 130, 45);
  --color-yellow-800: rgb(134, 101, 35);
  --color-yellow-900: rgb(102, 77, 26);

  /* === GREEN (success) === */
  --color-green-50: rgb(238, 245, 242);
  --color-green-100: rgb(201, 225, 215);
  --color-green-200: rgb(175, 210, 195);
  --color-green-300: rgb(138, 190, 168);
  --color-green-400: rgb(116, 177, 151);
  --color-green-500: rgb(81, 158, 125);
  --color-green-600: rgb(74, 144, 114);
  --color-green-700: rgb(58, 112, 89);
  --color-green-800: rgb(45, 87, 69);
  --color-green-900: rgb(34, 66, 53);

  --color-teal-50: rgb(237, 250, 250);
  --color-teal-100: rgb(213, 245, 246);
  --color-teal-200: rgb(175, 236, 239);
  --color-teal-300: rgb(126, 220, 226);
  --color-teal-400: rgb(22, 189, 202);
  --color-teal-500: rgb(6, 148, 162);
  --color-teal-600: rgb(4, 116, 129);
  --color-teal-700: rgb(3, 102, 114);
  --color-teal-800: rgb(5, 80, 92);
  --color-teal-900: rgb(1, 68, 81);

  --color-indigo-50: rgb(240, 245, 255);
  --color-indigo-100: rgb(229, 237, 255);
  --color-indigo-200: rgb(205, 219, 254);
  --color-indigo-300: rgb(180, 198, 252);
  --color-indigo-400: rgb(141, 162, 251);
  --color-indigo-500: rgb(104, 117, 245);
  --color-indigo-600: rgb(88, 80, 236);
  --color-indigo-700: rgb(81, 69, 205);
  --color-indigo-800: rgb(66, 56, 157);
  --color-indigo-900: rgb(54, 47, 120);

  --color-purple-50: rgb(246, 245, 255);
  --color-purple-100: rgb(237, 235, 254);
  --color-purple-200: rgb(220, 215, 254);
  --color-purple-300: rgb(202, 191, 253);
  --color-purple-400: rgb(172, 148, 250);
  --color-purple-500: rgb(144, 97, 249);
  --color-purple-600: rgb(126, 58, 242);
  --color-purple-700: rgb(108, 43, 217);
  --color-purple-800: rgb(85, 33, 181);
  --color-purple-900: rgb(74, 29, 150);

  --color-pink-50: rgb(253, 242, 248);
  --color-pink-100: rgb(252, 232, 243);
  --color-pink-200: rgb(250, 209, 232);
  --color-pink-300: rgb(248, 180, 217);
  --color-pink-400: rgb(241, 126, 184);
  --color-pink-500: rgb(231, 70, 148);
  --color-pink-600: rgb(214, 31, 105);
  --color-pink-700: rgb(191, 18, 93);
  --color-pink-800: rgb(153, 21, 75);
  --color-pink-900: rgb(117, 26, 61);

  --color-white-solid: rgb(255, 255, 255);
  --color-azure-14: rgb(9, 40, 62);
  --color-azure-29: rgb(62, 75, 84);
  --color-gray-2: rgb(249, 249, 249);
  --color-azure-60: rgb(78, 179, 229);
  --color-azure-87: rgb(218, 223, 226);
  --color-orange-59: rgb(251, 168, 52);
  --color-red-57: rgb(225, 84, 67);
  --color-gray-5: rgb(114, 122, 128);
  --color-blue-14: rgb(23, 28, 49);
  --color-blue-22: rgb(38, 44, 72);
  --color-grey-93: rgb(231, 237, 245);

  /* === OPTIONAL azure aliases === */
  --color-azure-14: var(--color-gray-700); /* EC Grey dark */
  --color-azure-29: var(--color-gray-500); /* EC Grey mid  */
  --color-azure-60: var(--color-blue-500); /* Info blue    */

  --color-ring-500: rgb(0, 95, 204);

  --color-signin-bg-start: var(--color-primary-50);
  --color-signin-bg-end: var(--color-white);
  --color-sidebar-bg-start: var(--color-primary-50);
  --color-sidebar-bg-end: var(--color-white);
}