:root {
  /* Base color palette */
  --common-white: rgba(255, 255, 255, 1);
  --common-black: rgba(0, 0, 0, 1);

  /* Grey scale */
  --grey-50: rgba(249, 250, 251, 1);
  --grey-100: rgba(242, 244, 246, 1);
  --grey-200: rgba(229, 232, 235, 1);
  --grey-300: rgba(209, 214, 219, 1);
  --grey-400: rgba(176, 184, 193, 1);
  --grey-500: rgba(139, 149, 161, 1);
  --grey-600: rgba(107, 118, 132, 1);
  --grey-700: rgba(78, 89, 104, 1);
  --grey-800: rgba(51, 61, 75, 1);
  --grey-900: rgba(25, 31, 40, 1);

  /* Red - danger colors */
  --red-50: rgba(255, 238, 238, 1);
  --red-100: rgba(255, 212, 214, 1);
  --red-200: rgba(254, 175, 180, 1);
  --red-300: rgba(251, 136, 144, 1);
  --red-400: rgba(246, 101, 112, 1);
  --red-500: rgba(240, 68, 82, 1);
  --red-600: rgba(228, 41, 57, 1);
  --red-700: rgba(210, 32, 48, 1);
  --red-800: rgba(188, 27, 42, 1);
  --red-900: rgba(165, 25, 38, 1);

  /* Orange - warning colors */
  --orange-50: rgba(255, 243, 224, 1);
  --orange-100: rgba(255, 224, 178, 1);
  --orange-200: rgba(255, 204, 128, 1);
  --orange-300: rgba(255, 189, 81, 1);
  --orange-400: rgba(255, 169, 39, 1);
  --orange-500: rgba(254, 152, 0, 1);
  --orange-600: rgba(251, 136, 0, 1);
  --orange-700: rgba(245, 120, 0, 1);
  --orange-800: rgba(237, 103, 0, 1);
  --orange-900: rgba(228, 86, 0, 1);

  /* Yellow - alert colors */
  --yellow-50: rgba(255, 249, 231, 1);
  --yellow-100: rgba(255, 239, 191, 1);
  --yellow-200: rgba(255, 230, 155, 1);
  --yellow-300: rgba(255, 221, 120, 1);
  --yellow-400: rgba(255, 209, 88, 1);
  --yellow-500: rgba(255, 195, 66, 1);
  --yellow-600: rgba(255, 179, 49, 1);
  --yellow-700: rgba(250, 161, 49, 1);
  --yellow-800: rgba(238, 143, 17, 1);
  --yellow-900: rgba(221, 125, 2, 1);

  /* Green - success colors */
  --green-50: rgba(240, 250, 246, 1);
  --green-100: rgba(174, 239, 213, 1);
  --green-200: rgba(118, 228, 184, 1);
  --green-300: rgba(63, 213, 153, 1);
  --green-400: rgba(21, 196, 126, 1);
  --green-500: rgba(3, 178, 108, 1);
  --green-600: rgba(2, 162, 98, 1);
  --green-700: rgba(2, 147, 89, 1);
  --green-800: rgba(2, 132, 80, 1);
  --green-900: rgba(2, 118, 72, 1);
  --green-color: rgba(255, 255, 255, 1);
  --green-color-2: rgba(255, 255, 255, 1);

  /* Teal - primary colors */
  --teal-50: rgba(237, 248, 248, 1);
  --teal-100: rgba(188, 233, 233, 1);
  --teal-200: rgba(137, 216, 216, 1);
  --teal-300: rgba(88, 199, 199, 1);
  --teal-400: rgba(48, 182, 182, 1);
  --teal-500: rgba(24, 165, 165, 1);
  --teal-600: rgba(16, 149, 149, 1);
  --teal-700: rgba(12, 133, 133, 1);
  --teal-800: rgba(9, 117, 117, 1);
  --teal-900: rgba(7, 101, 101, 1);

  /* Blue - info colors */
  --blue-50: rgba(232, 243, 255, 1);
  --blue-100: rgba(201, 226, 255, 1);
  --blue-200: rgba(144, 194, 255, 1);
  --blue-300: rgba(100, 168, 255, 1);
  --blue-400: rgba(69, 147, 252, 1);
  --blue-500: rgba(49, 130, 246, 1);
  --blue-600: rgba(34, 114, 235, 1);
  --blue-700: rgba(27, 100, 218, 1);
  --blue-800: rgba(25, 87, 194, 1);
  --blue-900: rgba(25, 74, 166, 1);

  /* Purple - accent colors */
  --purple-50: rgba(249, 240, 252, 1);
  --purple-100: rgba(237, 204, 248, 1);
  --purple-200: rgba(218, 155, 239, 1);
  --purple-300: rgba(199, 112, 228, 1);
  --purple-400: rgba(180, 75, 215, 1);
  --purple-500: rgba(162, 52, 199, 1);
  --purple-600: rgba(145, 40, 180, 1);
  --purple-700: rgba(130, 34, 162, 1);
  --purple-800: rgba(115, 34, 142, 1);
  --purple-900: rgba(101, 35, 123, 1);
}