:root {
  --color-secondary: #888;
  --color-white: #fff;
  --color-black: #000;
  --color-grey: #f9f9f9;
  --color-footer: #949494;
  --color-form: #f2f2f2;
  --color-group: #eee;

  --color-default-light: #3d51d8;
  --color-default-dark: #1428c8;
  --color-danger-light: #f5515f;
  --color-danger-dark: #9f041b;
  --color-error: #f2424e;
  --color-disabled-light: #d2d2d2;
  --color-disabled-dark: #b7b7b7;
  --color-disabled: #999999;

  --font-weight-light: 300;
  --font-weight-normal: 400;

  --font-size-h1: 36px;
  --font-size-h3: 21px;
  --font-size-h4: 18px;
  --font-size-small: 14px;
  --font-size-normal: 16px;
  --font-size-form-label: 22px;

  --screen-xs-max: 576px;

  --grid-gutter-width: 30px;
}