:root {
  /* colors */
  --color-primary: inherit;
  --color-primary-light: inherit;
  --color-primary-dark: inherit;
  --color-primary-darker: inherit;
  --color-primary-superdark: inherit;

  --color-secondary: inherit;
  --color-secondary-light: inherit;
  --color-secondary-dark: inherit;

  --color-gray: #e6eaf0;
  --color-gray-darker: #99a6b5;
  --color-gray-dark: #666a80;

  --color-red: #f50a0a;
  --color-red-light: #ffe5e5;

  --color-green: #2f9842;
  --color-green-light: #d1f8d8;

  --color-white: #ffffff;
  --color-black: #000000;

  /* body background */
  --body-bg-color: var(--color-white);
  --body-bg-image: unset;
}