:root {
  --body-color: #000;
  --body-bg-color: #fff;
  --primary-color: #1d6ada;
  --primary-color-hover: #073b89;
  --primary-color-active: #1d6ada;
  --primary-color-inverted: #fefefe;
  --primary-color-shadow: rgba(24, 171, 99, 0.35);
  --secondary-color: #ef7c09;
  --secondary-color-hover: #ef7c09;
  --secondary-color-active: #ef7c09;
  --secondary-color-inverted: #ef7c09;
  --secondary-color-shadow: rgba(28, 40, 73, 0.35);
  --positive-color: #00c9a7;
  --positive-color-hover: #009e84;
  --positive-color-active: #009e84;
  --positive-color-inverted: #f1d8c4;
  --positive-color-shadow: rgba(0, 201, 167, 0.35);
  --negative-color: #eae3dd;
  --negative-color-hover: #e5cbb5;
  --negative-color-active: #d0915b;
  --negative-color-inverted: #bc8e65;
  --negative-color-shadow: rgba(237, 76, 120, 0.35);
  --alert-color: #f5ca99;
  --alert-color-hover: #bf9a74;
  --alert-color-active: #bf9a74;
  --alert-color-inverted: #fdf3e8;
  --alert-color-shadow: rgba(245, 202, 153, 0.35);
  --info-color: #09a5be;
  --info-color-hover: #09a5be;
  --info-color-active: #09a5be;
  --info-color-inverted: #e7fbfe;
  --info-color-shadow: rgba(9, 165, 190, 0.35);
  --light-color: #f8f9fa;
  --light-color-hover: #e1e5ea;
  --light-color-active: #e1e5ea;
  --light-color-inverted: #f1f1f1;
  --light-color-shadow: rgba(248, 249, 250, 0.35);
  --dark-color: #343a40;
  --dark-color-hover: #2d3339;
  --dark-color-active: #2d3339;
  --dark-color-shadow: rgba(52, 58, 64, 0.1);
  --dark-color-inverted: #f4f5f6;
  --black-color: #000;
  --white-color: #fff;
  --shadow-color: rgba(136, 152, 170, 0.15);
  --grey-color: #818181;
  --grey-color-100: #f2f2f2;
  --grey-color-300: #d5d5d5;
  --grey-color-500: #b9b9b9;
  --grey-color-700: #9d9d9d;
}