.text-10 {
  font-size: 10px;
}
.text-12 {
  font-size: 12px;
}
.text-14 {
  font-size: 14px;
}
.text-16 {
  font-size: 16px;
}
.text-18 {
  font-size: 18px;
}
.text-20 {
  font-size: 20px;
}
.text-24 {
  font-size: 24px;
}
.text-28 {
  font-size: 28px;
}
.text-32 {
  font-size: 32px;
}
.text-36 {
  font-size: 36px;
}
.text-40 {
  font-size: 40px;
}
.text-48 {
  font-size: 48px;
}

.font-100 {
  font-weight: 100;
}
.font-200 {
  font-weight: 200;
}
.font-300 {
  font-weight: 300;
}
.font-400 {
  font-weight: 400;
}
.font-500 {
  font-weight: 500;
}
.font-600 {
  font-weight: 600;
}
.font-700 {
  font-weight: 700;
}
.font-800 {
  font-weight: 800;
}
.font-900 {
  font-weight: 900;
}
.text-neutral-100 {
  color: var(--neutral-100);
}
.text-neutral-200 {
  color: var(--neutral-200);
}
.text-neutral-300 {
  color: var(--neutral-300);
}
.text-neutral-400 {
  color: var(--neutral-400);
}
.text-neutral-500 {
  color: var(--neutral-500);
}
.text-neutral-600 {
  color: var(--neutral-600);
}
.text-neutral-700 {
  color: var(--neutral-700);
}
.text-neutral-800 {
  color: var(--neutral-800);
}
.text-primary {
  color: var(--primary);
}
.text-primary-50 {
  color: var(--primary-50);
}
.text-primary-100 {
  color: var(--primary-100);
}
.text-primary-200 {
  color: var(--primary-200);
}
.text-primary-300 {
  color: var(--primary-300);
}
.text-primary-400 {
  color: var(--primary-400);
}
.text-primary-500 {
  color: var(--primary-500);
}
.text-primary-600 {
  color: var(--primary-600);
}
.text-primary-700 {
  color: var(--primary-700);
}
.text-primary-800 {
  color: var(--primary-800);
}
.text-primary-900 {
  color: var(--primary-900);
}
.text-primary-950 {
  color: var(--primary-950);
}

.text-cinnabar-50 {
  color: var(--cinnabar-50);
}
.text-cinnabar-100 {
  color: var(--cinnabar-100);
}
.text-cinnabar-200 {
  color: var(--cinnabar-200);
}
.text-cinnabar-300 {
  color: var(--cinnabar-300);
}
.text-cinnabar-400 {
  color: var(--cinnabar-400);
}
.text-cinnabar-500 {
  color: var(--cinnabar-500);
}
.text-cinnabar-600 {
  color: var(--cinnabar-600);
}
.text-cinnabar-700 {
  color: var(--cinnabar-700);
}
.text-cinnabar-800 {
  color: var(--cinnabar-800);
}
.text-cinnabar-900 {
  color: var(--cinnabar-900);
}
.text-cinnabar-950 {
  color: var(--cinnabar-950);
}
.text-black-50 {
  color: var(--black-50);
}
.text-black-100 {
  color: var(--black-100);
}
.text-black-200 {
  color: var(--black-200);
}
.text-black-300 {
  color: var(--black-300);
}
.text-black-400 {
  color: var(--black-400);
}
.text-black-500 {
  color: var(--black-500);
}
.text-black-600 {
  color: var(--black-600);
}
.text-black-700 {
  color: var(--black-700);
}
.text-black-800 {
  color: var(--black-800);
}
.text-black-900 {
  color: var(--black-900);
}
.text-black-950 {
  color: var(--black-950);
}
/* Black color opacity variants */
.text-black-color04 {
  color: var(--black-color04);
}
.text-black-color1 {
  color: var(--black-color1);
}
.text-black-color2 {
  color: var(--black-color2);
}
.text-black-color4 {
  color: var(--black-color4);
}
.text-black-color5 {
  color: var(--black-color5);
}
.text-secondary-purple {
  color: var(--secondary-purple);
}
/* BACKGROUND */
.bg-neutral-100 {
  background-color: var(--neutral-100);
}
.bg-neutral-200 {
  background-color: var(--neutral-200);
}
.bg-neutral-300 {
  background-color: var(--neutral-300);
}
.bg-neutral-400 {
  background-color: var(--neutral-400);
}
.bg-neutral-500 {
  background-color: var(--neutral-500);
}
.bg-neutral-600 {
  background-color: var(--neutral-600);
}
.bg-neutral-700 {
  background-color: var(--neutral-700);
}
.bg-neutral-800 {
  background-color: var(--neutral-800);
}
.bg-primary {
  background-color: var(--primary);
}
.bg-primary-50 {
  background-color: var(--primary-50);
}
.bg-primary-100 {
  background-color: var(--primary-100);
}
.bg-primary-200 {
  background-color: var(--primary-200);
}
.bg-primary-300 {
  background-color: var(--primary-300);
}
.bg-primary-400 {
  background-color: var(--primary-400);
}
.bg-primary-500 {
  background-color: var(--primary-500);
}
.bg-primary-600 {
  background-color: var(--primary-600);
}
.bg-primary-700 {
  background-color: var(--primary-700);
}
.bg-primary-800 {
  background-color: var(--primary-800);
}
.bg-primary-900 {
  background-color: var(--primary-900);
}
.bg-primary-950 {
  background-color: var(--primary-950);
}
.bg-black-50 {
  background-color: var(--black-50);
}
.bg-black-100 {
  background-color: var(--black-100);
}
.bg-black-200 {
  background-color: var(--black-200);
}
.bg-black-300 {
  background-color: var(--black-300);
}
.bg-black-400 {
  background-color: var(--black-400);
}
.bg-black-500 {
  background-color: var(--black-500);
}
.bg-black-600 {
  background-color: var(--black-600);
}
.bg-black-700 {
  background-color: var(--black-700);
}
.bg-black-800 {
  background-color: var(--black-800);
}
.bg-black-900 {
  background-color: var(--black-900);
}
.bg-black-950 {
  background-color: var(--black-950);
}
.text-green-50 {
  color: var(--green-50);
}
.text-green-100 {
  color: var(--green-100);
}
.text-green-200 {
  color: var(--green-200);
}
.text-green-300 {
  color: var(--green-300);
}
.text-green-400 {
  color: var(--green-400);
}
.text-green-500 {
  color: var(--green-500);
}
.text-green-600 {
  color: var(--green-600);
}
.text-green-700 {
  color: var(--green-700);
}
.text-green-800 {
  color: var(--green-800);
}
.text-green-900 {
  color: var(--green-900);
}
.text-green-950 {
  color: var(--green-950);
}
.text-seagull-50 {
  color: var(--seagull-50);
}
.text-seagull-100 {
  color: var(--seagull-100);
}
.text-seagull-200 {
  color: var(--seagull-200);
}
.text-seagull-300 {
  color: var(--seagull-300);
}
.text-seagull-400 {
  color: var(--seagull-400);
}
.text-seagull-500 {
  color: var(--seagull-500);
}
.text-seagull-600 {
  color: var(--seagull-600);
}
.text-seagull-700 {
  color: var(--seagull-700);
}
.text-seagull-800 {
  color: var(--seagull-800);
}
.text-seagull-900 {
  color: var(--seagull-900);
}
.text-seagull-950 {
  color: var(--seagull-950);
}
.text-golden-50 {
  color: var(--golden-50);
}
.text-golden-100 {
  color: var(--golden-100);
}
.text-golden-200 {
  color: var(--golden-200);
}
.text-golden-300 {
  color: var(--golden-300);
}
.text-golden-400 {
  color: var(--golden-400);
}
.text-golden-500 {
  color: var(--golden-500);
}
.text-golden-600 {
  color: var(--golden-600);
}
.text-golden-700 {
  color: var(--golden-700);
}
.text-golden-800 {
  color: var(--golden-800);
}
.text-golden-900 {
  color: var(--golden-900);
}
.text-golden-950 {
  color: var(--golden-950);
}
.text-lavender-50 {
  color: var(--lavender-50);
}
.text-lavender-100 {
  color: var(--lavender-100);
}
.text-lavender-200 {
  color: var(--lavender-200);
}
.text-lavender-300 {
  color: var(--lavender-300);
}
.text-lavender-400 {
  color: var(--lavender-400);
}
.text-lavender-500 {
  color: var(--lavender-500);
}
.text-lavender-600 {
  color: var(--lavender-600);
}
.text-lavender-700 {
  color: var(--lavender-700);
}
.text-lavender-800 {
  color: var(--lavender-800);
}
.text-lavender-900 {
  color: var(--lavender-900);
}
.text-lavender-950 {
  color: var(--lavender-950);
}
.text-white {
  color: white;
}
.text-black {
  color: black;
}
.lh-100 {
  line-height: 100%;
}
.lh-120 {
  line-height: 120%;
}
.lh-140 {
  line-height: 140%;
}
.lh-132 {
  line-height: 132%;
}
.lh-130 {
  line-height: 132%;
}
.lh-150 {
  line-height: 152%;
}

a:hover {
  color: var(--primary-600);
}