:root {
    
--mt-color-primary-900: rgba(3, 9, 26, 1);
--mt-color-primary-800: rgba(8, 23, 64, 1);
--mt-color-primary-700: rgba(16, 46, 128, 1);
--mt-color-primary-600: var(--blue_active, rgba(23, 68, 191, 1));
--mt-color-primary-500: var(--blue, rgba(31, 91, 255, 1));
--mt-color-primary-400: var(--blue_hover, rgba(46, 102, 255, 1));
--mt-color-primary-300: var(--light_blue_active, rgba(31, 91, 255, 0.4));
--mt-color-primary-200: var(--light_blue, rgba(31, 91, 255, 0.2));
--mt-color-primary-100: var(--light_blue_hover, rgba(31, 91, 255, 0.1));
--mt-color-primary-50:  rgba(31, 91, 255, 0.05);

--mt-color-black:    rgba(17, 36, 66, 1);
--mt-color-gray-900: rgba(40, 62, 89, 1);
--mt-color-gray-800: rgba(69, 91, 120, 1);
--mt-color-gray-700: rgba(110, 132, 163, 1);
--mt-color-gray-600: rgba(149, 170, 201, 1);
--mt-color-gray-500: rgba(177, 194, 217, 1);
--mt-color-gray-400: rgba(210, 221, 236, 1);
--mt-color-gray-300: rgba(228, 235, 246, 1);
--mt-color-gray-200: rgba(237, 242, 249, 1);
--mt-color-gray-100: rgba(242, 245, 248, 1);
--mt-color-gray-50:  rgba(246, 249, 251, 1);

--mt-color-success-900: rgba(0, 21, 14, 1);
--mt-color-success-800: rgba(0, 53, 34, 1);
--mt-color-success-700: rgba(0, 105, 68, 1);
--mt-color-success-600: rgba(0, 170, 109, 1);
--mt-color-success-500: rgba(0, 210, 135, 1);
--mt-color-success-400: rgba(0, 226, 145, 1);
--mt-color-success-300: rgba(0, 210, 135, 0.4);
--mt-color-success-200: rgba(22, 216, 157, 0.2);
--mt-color-success-100: rgba(0, 210, 135, 0.1);

--mt-color-danger-900: rgba(24, 6, 7, 1);
--mt-color-danger-800: rgba(61, 16, 19, 1);
--mt-color-danger-700: rgba(122, 32, 37, 1);
--mt-color-danger-600: rgba(183, 47, 56, 1);
--mt-color-danger-500: rgba(244, 63, 74, 1);
--mt-color-danger-400: rgba(246, 101, 110, 1);
--mt-color-danger-300: rgba(244, 63, 74, 0.4);
--mt-color-danger-200: rgba(244, 63, 74, 0.2);
--mt-color-danger-100: rgba(244, 63, 74, 0.1);

--mt-color-warning-900: rgba(25, 22, 6, 1);
--mt-color-warning-800: rgba(61, 54, 16, 1);
--mt-color-warning-700: rgba(123, 108, 31, 1);
--mt-color-warning-600: rgba(184, 162, 47, 1);
--mt-color-warning-500: rgba(245, 216, 62, 1);
--mt-color-warning-400: rgba(247, 224, 101, 1);
--mt-color-warning-300: rgba(245, 216, 62, 0.4);
--mt-color-warning-200: rgba(245, 216, 62, 0.2);
--mt-color-warning-100: rgba(245, 216, 62, 0.1);

--mt-color-purple-900: rgba(19, 8, 22, 1);
--mt-color-purple-800: rgba(47, 20, 56, 1);
--mt-color-purple-700: rgba(94, 41, 112, 1);
--mt-color-purple-600: rgba(140, 61, 168, 1);
--mt-color-purple-500: rgba(187, 81, 224, 1);
--mt-color-purple-400: rgba(214, 151, 236, 1);
--mt-color-purple-300: rgba(187, 81, 224, 0.4);
--mt-color-purple-200: rgba(187, 81, 224, 0.2);
--mt-color-purple-100: rgba(187, 81, 224, 0.1);

--mt-color-orange-900: rgba(26, 15, 5, 1);
--mt-color-orange-800: rgba(64, 38, 13, 1);
--mt-color-orange-700: rgba(128, 75, 27, 1);
--mt-color-orange-600: rgba(191, 113, 40, 1);
--mt-color-orange-500: rgba(255, 150, 53, 1);
--mt-color-orange-400: rgba(255, 171, 93, 1);
--mt-color-orange-300: rgba(255, 150, 53, 0.4);
--mt-color-orange-200: rgba(255, 150, 53, 0.2);
--mt-color-orange-100: rgba(245, 159, 80, 0.2);

--mt-color-blue-900: rgba(3, 9, 26, 1);
--mt-color-blue-800: rgba(8, 23, 64, 1);
--mt-color-blue-700: rgba(16, 46, 128, 1);
--mt-color-blue-600: var(--blue_active, rgba(23, 68, 191, 1));
--mt-color-blue-500: var(--blue, rgba(31, 91, 255, 1));
--mt-color-blue-400: var(--blue_hover, rgba(46, 102, 255, 1));
--mt-color-blue-300: var(--light_blue_active, rgba(31, 91, 255, 0.4));
--mt-color-blue-200: var(--light_blue, rgba(31, 91, 255, 0.2));
--mt-color-blue-100: var(--light_blue_hover, rgba(31, 91, 255, 0.1));

--mt-color-green-900: rgba(0, 21, 14, 1);
--mt-color-green-800: rgba(0, 53, 34, 1);
--mt-color-green-700: rgba(0, 105, 68, 1);
--mt-color-green-600: rgba(0, 158, 101, 1);
--mt-color-green-500: rgba(0, 210, 135, 1);
--mt-color-green-400: rgba(51, 219, 159, 1);
--mt-color-green-300: rgba(0, 210, 135, 0.4);
--mt-color-green-200: rgba(0, 210, 135, 0.2);
--mt-color-green-100: rgba(0, 210, 135, 0.1);

--mt-color-red-900: rgba(24, 6, 7, 1);
--mt-color-red-800: rgba(61, 16, 19, 1);
--mt-color-red-700: rgba(122, 32, 37, 1);
--mt-color-red-600: var(--red_active, rgba(183, 47, 56, 1));
--mt-color-red-500: var(--red, rgba(244, 63, 74, 1));
--mt-color-red-400: var(--red_hover, rgba(246, 101, 110, 1));
--mt-color-red-300: var(--light_red_active, rgba(244, 63, 74, 0.4));
--mt-color-red-200: var(--light_red, rgba(244, 63, 74, 0.2));
--mt-color-red-100: var(--light_red_hover, rgba(244, 63, 74, 0.1));

--mt-color-yellow-900: rgba(25, 22, 6, 1);
--mt-color-yellow-800: rgba(61, 54, 16, 1);
--mt-color-yellow-700: rgba(123, 108, 31, 1);
--mt-color-yellow-600: rgba(184, 162, 47, 1);
--mt-color-yellow-500: rgba(245, 216, 62, 1);
--mt-color-yellow-400: rgba(247, 224, 101, 1);
--mt-color-yellow-300: rgba(245, 216, 62, 0.4);
--mt-color-yellow-200: rgba(245, 216, 62, 0.2);
--mt-color-yellow-100: rgba(245, 216, 62, 0.1);

--mt-color-badge-plan:   rgba(31, 91, 255, 1);
--mt-color-badge-quest:  rgba(31, 91, 255, 1);
--mt-color-badge-lesson: rgba(31, 91, 255, 1);
--mt-color-badge-scorm:  rgba(187, 81, 224, 1);
--mt-color-badge-test:   rgba(0, 210, 135, 1);
--mt-color-badge-dialog: rgba(187, 81, 224, 1);
--mt-color-badge-task:   rgba(245, 216, 62, 1);
--mt-color-badge-event:  rgba(245, 216, 62, 1);
--mt-color-badge-leader: rgba(245, 216, 62, 1);


}