/* global */
:root {
  --background-color: #FFFFFF;
  --background-disabled-color: #C1C1C1C1;
  --accent-color: #6AB42D;
  --multiplied-accent-color: #2C7F08;
  --box-shadow-color: #24242429;
  --font-color: #333333;
  --font-color-alternative: #666666;
  --font-color-alternative-2: #999999;
  --font-color-reverse: #FFFFFF;

  --default-font-size: 16px;

  /* buttons */
  --button-background-color: var(--accent-color);
  --button-background-color-accent-1: #FFFFFF;
  --button-background-color-accent-2: transparent;
  --button-background-color-accent-3: #F2A100;
  --button-background-disabled-color: var(--background-disabled-color);

  --button-font-color: #FFFFFF;
  --button-font-color-accent: var(--multiplied-accent-color);

  /* anchors */
  --anchor-color: #FFFFFF;

  /* titles */
  --h2-font-color: #FFFFFF;
  --h3-font-color: #666666;
  --h4-font-color: #FFFFFF;
}