/* default theme values */
:root {
  /* common colors */
  --ui-kit-color-white: #ffffff;
  --ui-kit-color-black: #000000;
  --ui-kit-color-navy: #251d2b;

  /* custom palette */
  --ui-kit-color-main: #56a2f7;
  --ui-kit-color-hover: #3678c3;
  --ui-kit-color-selected: #3678c366;
  --ui-kit-color-active: #3678c3;
  --ui-kit-color-focus: #56a2f733;
  --ui-kit-color-background: #e4eeff;

  --ui-kit-color-grey-0: #252b30;
  --ui-kit-color-grey-2: #a7b2c3;
  --ui-kit-color-grey-3: #c2d1d9;
  --ui-kit-color-grey-4: #e2e7ed;
  --ui-kit-color-grey-5: #fafafc;
  --ui-kit-color-grey-6: #ebebe4;
  --ui-kit-color-grey-7: #a9a8a8;
  --ui-kit-color-grey-8: #efefef;
  --ui-kit-color-grey-9: #969696;
  --ui-kit-color-grey-10: #2a2b32;
  --ui-kit-color-grey-11: #e3e4e5;
  --ui-kit-color-grey-12: #a9aec3;
  --ui-kit-color-grey-13: #f7f7f8;
  --ui-kit-color-grey-14: #565963;
  --ui-kit-color-grey-15: #f0f0f0;
  --ui-kit-color-grey-16: #ececf8;
  --ui-kit-color-grey-17: #878787;
  --ui-kit-color-grey-18: #727684;
  --ui-kit-color-grey-19: #e5e7eb;
  --ui-kit-color-grey-20: #99a1af;
  --ui-kit-color-grey-21: #27282a;
  --ui-kit-color-grey-22: #101828;
  --ui-kit-color-grey-23: #6a7282;

  --ui-kit-color-green: #00b0ad;
  --ui-kit-color-green-1: #39c237;
  --ui-kit-color-green-2: #39c23733;
  --ui-kit-color-green-3: #1cb589;
  --ui-kit-color-green-4: #e0f2ed;
  --ui-kit-color-green-5: #e5ffe5;
  --ui-kit-color-green-6: #62dd5f;
  --ui-kit-color-green-7: #17aa14;
  --ui-kit-color-green-8: #00c950;

  --ui-kit-color-red: #ef3e42;
  --ui-kit-color-red-20: #f8e0e0;
  --ui-kit-color-red-1: #f5222d;
  --ui-kit-color-red-2: #f5222d33;
  --ui-kit-color-red-3: #f9e9ea;
  --ui-kit-color-red-4: #fb5760;

  --ui-kit-color-cobalt: #006890;
  --ui-kit-color-cobalt-darkest: #002a3a;

  --ui-kit-color-teal: #23afd2;
  --ui-kit-color-teal-1: #d8edf3;
  --ui-kit-color-teal-2: #4fcae8;

  --ui-kit-color-orange: #faad14;
  --ui-kit-color-orange-1: #faad1433;
  --ui-kit-color-orange-2: #ff7a00;
  --ui-kit-color-orange-3: #fbecde;
  --ui-kit-color-orange-4: #fff6e4;
  --ui-kit-color-orange-5: #fd9638;
  --ui-kit-color-orange-6: #fcc862;
  --ui-kit-color-orange-7: #e39700;

  --ui-kit-color-pink: #cd1159;
  --ui-kit-color-pink-1: #fae7ee;

  --ui-kit-color-purple: #7673ce;
  --ui-kit-color-purple-1: #e7e7f6;
  --ui-kit-color-purple-2: #9795e2;

  --ui-kit-color-blue: #1677ff;
  --ui-kit-color-blue-1: #e4eeff;
  --ui-kit-color-blue-2: #193cb8;

  --ui-kit-color-violet: #4e4696;
}