html, body {
  --background-color:         #ffffff;
  --background-color-active:  #cccccc;
  --main-color:               #404040;
  --primary-color:            #435ae0;
  --primary-color-active:     #3648b4;
  --primary-color-disabled:   #a9a9a9;
  --secondary-color:          #ffb30f;
  --secondary-color-active:   #df9d0f;
  --secondary-color-disabled: #a9a9a9;
  --selected-color:           #938449;
  --selected-color-active:    #6b6035;
  --selected-color-disabled:  #a9a9a9;

  --ok-color:                 #1c8000;
  --warning-color:            #ffb30f;
  --warning-color-active:     #e9a411;
  --error-color:              #f42534;
  --error-color-active:       #ad1a1a;
}

body {
  padding: 0;
  margin: 0;
  font-family: sans-serif;
  color: var(--main-color);
}

a, a:active {
  color: var(--primary-color);
  text-decoration: underline;
}

a:hover {
  color: var(--primary-color-active);
  cursor: pointer;
}