:root {
  --color-body: #fafafa;
  --color-white: #fff;
  --color-yellow: #ffe004;
  --color-red: #e20303;
  --color-green: #08c50d;
  --color-black: #000;
  --color-text-black-light: #757474;
  --color-text-black: #333333;
  --color-text-blue-dark: #F4932A;
  --color-blue-lighter: #bbd8f3;
  --color-blue-light: #455777;
  --color-blue-dark: #26649e;
  --color-site-blue-lighter: #F4932A;
  --color-site-blue-light: #00ACC1;
  --color-site-blue: #00ACC1;
  --color-site-yellow: #F4932A;
  --color-button-primary: #00ACC1;
  --color-button-primary-hover: #17202f;
  --color-button-secondary: #e5edff;
  --color-button-secondary-hover: #f0f5ff;
  --color-button-default: #ffffff;
  --color-button-default-hover: #17202f;
  --color-button-success: #71c016;
  --color-button-success-hover: #62a911;
  --color-button-warning: #F4932A;
  --color-button-warning-hover: #f5bb0f;
  --color-grey-lighter-x3: #fbfbfb;
  --color-grey-lighter-x2: #f9f9f9;
  --color-grey-lighter: #f2f2f2;
  --color-grey-light: #e2e2e2;
  --color-grey-dark: #bfbfbf;
  --color-grey-dark-x2: #a7a7a7;
  --color-success: #71c016;
  --color-danger: #ff4747;
  --color-primary-box-shadow: 0px 17px 24px -2px rgba(237, 237, 237, 1);
}