:root {
  --bg: rgba(250, 250, 250, 1);
  --white: rgba(255, 255, 255, 1);
  --text-black: rgba(18, 18, 18, 1);
  --primaryprimary-50: rgba(234, 235, 243, 1);
  --primaryprimary-100: rgba(189, 194, 218, 1);
  --primaryprimary-200: rgba(157, 164, 200, 1);
  --primaryprimary-300: rgba(112, 123, 175, 1);
  --primaryprimary-400: rgba(84, 97, 160, 1);
  --primaryprimary-500: rgba(41, 58, 136, 1);
  --primaryprimary-600: rgba(37, 53, 124, 1);
  --primaryprimary-700: rgba(29, 41, 97, 1);
  --primaryprimary-800: rgba(23, 32, 75, 1);
  --primaryprimary-900: rgba(17, 24, 57, 1);
  --primarysecondarysecondary-50: rgba(234, 247, 252, 1);
  --primarysecondarysecondary-100: rgba(191, 229, 246, 1);
  --primarysecondarysecondary-200: rgba(159, 216, 241, 1);
  --primarysecondarysecondary-300: rgba(116, 198, 235, 1);
  --primarysecondarysecondary-400: rgba(89, 187, 231, 1);
  --primarysecondarysecondary-500: rgba(47, 170, 225, 1);
  --primarysecondarysecondary-600: rgba(43, 155, 205, 1);
  --primarysecondarysecondary-700: rgba(33, 121, 160, 1);
  --primarysecondarysecondary-800: rgba(26, 94, 124, 1);
  --primarysecondarysecondary-900: rgba(20, 71, 95, 1);
  --neutralneutral-50: rgba(254, 254, 254, 1);
  --neutralneutral-100: rgba(250, 250, 250, 1);
  --neutralneutral-200: rgba(248, 248, 248, 1);
  --neutralneutral-300: rgba(245, 245, 245, 1);
  --neutralneutral-400: rgba(243, 243, 243, 1);
  --neutralneutral-500: rgba(240, 240, 240, 1);
  --neutralneutral-600: rgba(218, 218, 218, 1);
  --neutralneutral-700: rgba(170, 170, 170, 1);
  --neutralneutral-800: rgba(132, 132, 132, 1);
  --neutralneutral-900: rgba(101, 101, 101, 1);
}