:root {
  --body-color: #f3f3f3;
  --dark-color: #000000;
  --secondary-color: #8bbb62;
  --primary-color: #202522;
  --extra-color-1: #81d4ea;
  --extra-color-2: #ffffff;
  --extra-color-3: #313131;
  --extra-color-4: #105d89;
  --extra-color-5: #ec3047;
  --extra-color-6: #1b1819;
  --extra-color-7: #fd0000;
  --extra-color-8: #828282;
  --extra-color-9: #f7f9f8;
  --extra-color-10: #058843;
  --extra-color-11: #ecfcff;
  --extra-color-12: #757c85;
  --extra-color-13: #9b664e;
}

.body-color {
  color: var(--body-color);
}

.dark-color {
  color: var(--dark-color);
}

.secondary-color {
  color: var(--secondary-color);
}

.primary-color {
  color: var(--primary-color);
}

.extra-color-1 {
  color: var(--extra-color-1);
}

.extra-color-2 {
  color: var(--extra-color-2);
}

.extra-color-3 {
  color: var(--extra-color-3);
}

.extra-color-4 {
  color: var(--extra-color-4);
}

.extra-color-5 {
  color: var(--extra-color-5);
}

.extra-color-6 {
  color: var(--extra-color-6);
}

.extra-color-7 {
  color: var(--extra-color-7);
}

.extra-color-8 {
  color: var(--extra-color-8);
}

.extra-color-9 {
  color: var(--extra-color-9);
}

.extra-color-10 {
  color: var(--extra-color-10);
}

.extra-color-12 {
  color: var(--extra-color-12);
}

.primary-bg {
  background-color: var(--primary-color);
}

.body-bg {
  background-color: var(--body-color);
}

.dark-bg {
  background-color: var(--dark-color);
}

.secondary-bg {
  background-color: var(--secondary-color);
}

.extra-bg-1 {
  background-color: var(--extra-color-1);
}

.extra-bg-2 {
  background-color: var(--extra-color-2);
}

.extra-bg-3 {
  background-color: var(--extra-color-3);
}

.extra-bg-4 {
  background-color: var(--extra-color-4);
}

.extra-bg-5 {
  background-color: var(--extra-color-5);
}

.extra-bg-6 {
  background-color: var(--extra-color-6);
}

.extra-bg-7 {
  background-color: var(--extra-color-7);
}

.extra-bg-8 {
  background-color: var(--extra-color-8);
}

.extra-bg-10 {
  background-color: var(--extra-color-10);
}

.extra-bg-11 {
  background-color: var(--extra-color-11);
}

.extra-bg-13 {
  background-color: var(--extra-color-13);
}