:root {
   --body-color: #465048;
   --body-bg-color: #ffffff;
   --primary-color: #508991;
   --primary-color-hover: #3f6a70;
   --primary-color-active: #2d4c50;
   --primary-color-inverted: #eff5f6;
   --primary-color-shadow: rgba(80, 137, 145, 0.15);
   --secondary-color: #7F9183;
   --secondary-color-hover: #637166;
   --secondary-color-active: #465048;
   --secondary-color-inverted: #f1f3f2;
   --secondary-color-shadow: rgba(127, 145, 131, 0.15);
   --positive-color: #077C76;
   --positive-color-hover: #066964;
   --positive-color-active: #06635e;
   --positive-color-inverted: #e5f2f1;
   --positive-color-shadow: rgba(7, 124, 118, 0.15);
   --negative-color: #692340;
   --negative-color-hover: #591e36;
   --negative-color-active: #541c33;
   --negative-color-inverted: #f0e8eb;
   --negative-color-shadow: rgba(105, 35, 64, 0.15);
   --alert-color: #DCBF85;
   --alert-color-hover: #aa9366;
   --alert-color-active: #786746;
   --alert-color-inverted: #f9f5eb;
   --alert-color-shadow: rgba(220, 191, 133, 0.15);
   --info-color: #1849a9;
   --info-color-hover: #123a85;
   --info-color-active: #0d2a60;
   --info-color-inverted: #eff8ff;
   --info-color-shadow: rgba(24, 73, 169, 0.15);
   --light-color: #f7faff;
   --light-color-hover: #d2d5d9;
   --light-color-active: #d2d5d9;
   --light-color-inverted: #f2f2f2;
   --light-color-shadow: rgba(248, 249, 250, 0.15);
   --dark-color: #292f2a;
   --dark-color-hover: #212624;
   --dark-color-active: #1a1e1c;
   --dark-color-inverted: #f1f3f2;
   --dark-color-shadow: rgba(41, 47, 42, 0.1);
   --black-color: #000;
   --white-color: #fff;
   --shadow-color: rgba(136, 152, 170, .15);
   --grey-color: #9e9e9e;
   --grey-color-100: #fafafa;
   --grey-color-300: #f5f5f5;
   --grey-color-500: #eeeeee;
   --grey-color-700: #bdbdbd;
}