:root {
  --primary-color: #a2ad00;
  --primary-color-lighten-5: #bac700;
  --primary-color-lighten-10: #d2e000;
  --primary-color-lighten-20: #f0ff14;
  --primary-color-darken-5: #8a9400;
  --primary-color-darken-10: #727a00;
  --primary-color-darken-20: #424700;
  --primary-color-lighten-60: rgba(162, 173, 0, 0.4);
  --light-color: #879d7f;
  --light-color-backgorund: #f2f5f1;
  --secondary-color-x1: #f0ab00;
  --secondary-color-x2: #fbf7ef;
  --secondary-color-x3: #c7ad6b;
  --secondary-color-x4: #f1dfb1;
  --text-color: #ffffff;
  --logo-background: #1a1a1a;
  --display-footer: block;
  --login-logo-width: 400px;
  --new-color: #8f99a3;
  --planned-color: #8f99a3;
  --approved-color: #43840d;
  --assigned-color: #8f99a3;
  --completed-color: #7ed835;
  --expired-color: #d74242;
  --running-color: #c1a30b;
  --major-color: #d74242;
  --minor-color: #8f99a3;
}