:root {
  /* BRAND */
  --brand-1: rgba(247, 193, 69, 1);
  --brand-2: rgba(238, 89, 53, 1);
  --brand-3: rgba(123, 197, 52, 1);
  --brand-4: rgba(0, 159, 236, 1);
  --brand-5: rgba(2, 6, 67, 1);

  /* NEUTRAL */
  --neutral-1: rgba(0, 0, 0, 1);
  --neutral-2: rgba(0, 0, 0, 0, 4);
  --neutral-3: rgba(255, 255, 255, 1);
  --neutral-4: rgba(255, 255, 255, 0.6);
  --neutral-5: rgba(54, 54, 77, 1);
  --neutral-6: rgba(130, 131, 151, 1);
  --neutral-7: rgba(196, 203, 217, 1);
  --neutral-8: rgba(242, 244, 247, 1);

  /* SUCCESS */
  --success-1: rgba(123, 197, 52, 1);
  --success-2: rgba(98, 158, 42, 1);
  --success-3: rgba(176, 220, 133, 1);

  /* INFORMATION */
  --information-1: rgba(0, 127, 189, 1);
  --information-2: rgba(102, 197, 244, 1);
  --information-3: rgba(0, 159, 236, 1);

  /* ALERT */
  --alert-1: rgba(247, 193, 69, 1);
  --alert-2: rgba(198, 154, 55, 1);
  --alert-3: rgba(250, 218, 143, 1);

  /* ERROR */
  --error-1: rgba(238, 89, 53, 1);
  --error-2: rgba(190, 71, 42, 1);
  --error-3: rgba(245, 155, 134, 1);

  /* COMPLEMENTARY */
  --complementary-1: rgba(248, 162, 61, 1);
  --complementary-2: rgba(74, 175, 255, 1);
  --complementary-3: rgba(201, 119, 93, 1);
  --complementary-4: rgba(89, 196, 209, 1);
  --complementary-5: rgba(127, 87, 178, 1);
  --complementary-6: rgba(120, 199, 124, 1);
  --complementary-7: rgba(76, 96, 208, 1);
  --complementary-8: rgba(181, 191, 86, 1);
  --complementary-9: rgba(253, 130, 91, 1);
  --complementary-10: rgba(235, 83, 135, 1);
  --complementary-11: rgba(166, 82, 180, 1);
  --complementary-12: rgba(222, 78, 81, 1);
  --complementary-13: rgba(51, 165, 154, 1);
  --complementary-14: rgba(255, 205, 56, 1);
}


/* TEXT COLOR */
.brand-1 {
  color: var(--brand-1);
}
.brand-2 {
  color: var(--brand-2);
}
.brand-3 {
  color: var(--brand-3);
}
.brand-4 {
  color: var(--brand-4);
}
.brand-5 {
  color: var(--brand-5);
}

.neutral-1 {
  color: var(--neutral-1);
}
.neutral-2 {
  color: var(--neutral-2);
}
.neutral-3 {
  color: var(--neutral-3);
}
.neutral-4 {
  color: var(--neutral-4);
}
.neutral-5 {
  color: var(--neutral-5);
}
.neutral-6 {
  color: var(--neutral-6);
}
.neutral-7 {
  color: var(--neutral-7);
}
.neutral-8 {
  color: var(--neutral-8);
}

.success-1 {
  color: var(--success-1);
}
.success-2 {
  color: var(--success-2);
}
.success-3 {
  color: var(--success-3);
}

.information-1 {
  color: var(--information-1);
}
.information-2 {
  color: var(--information-2);
}
.information-3 {
  color: var(--information-3);
}

.alert-1 {
  color: var(--alert-1);
}
.alert-2 {
  color: var(--alert-2);
}
.alert-3 {
  color: var(--alert-3);
}

.error-1 {
  color: var(--error-1);
}
.error-2 {
  color: var(--error-2);
}
.error-3 {
  color: var(--error-3);
}

.complementary-1 {
  color: var(--complementary-1);
}
.complementary-2 {
  color: var(--complementary-2);
}
.complementary-3 {
  color: var(--complementary-3);
}
.complementary-4 {
  color: var(--complementary-4);
}
.complementary-5 {
  color: var(--complementary-5);
}
.complementary-6 {
  color: var(--complementary-6);
}
.complementary-7 {
  color: var(--complementary-7);
}
.complementary-8 {
  color: var(--complementary-8);
}
.complementary-9 {
  color: var(--complementary-9);
}
.complementary-10 {
  color: var(--complementary-10);
}
.complementary-11 {
  color: var(--complementary-11);
}
.complementary-12 {
  color: var(--complementary-12);
}
.complementary-13 {
  color: var(--complementary-13);
}
.complementary-14 {
  color: var(--complementary-14);
}


/* BACKGROUND COLOR */
.bg-neutral-8 {
  background-color: var(--neutral-8);
}