/*  UTILITIES: TEXT COLORS
//////////////////////////////////////////////////////////////////////////////*/

.has-text-color {
}

/*  TRANSPARENT //////////////////////////////////////////////////////////////*/

.transparent,
.has-transparent-color {
    color: transparent;
}

/*  BLACK ////////////////////////////////////////////////////////////////////*/

.black,
.has-black-color {
    color: var(--color-black);
}

/*  WHITE ////////////////////////////////////////////////////////////////////*/

.white,
.has-white-color {
    color: var(--color-white);
}

/*  RED //////////////////////////////////////////////////////////////////////*/

.black,
.has-black-color {
    color: var(--color-black);
}

.red-50,
.has-red-50-color {
    color: var(--color-red-50);
}
.red-100,
.has-red-100-color {
    color: var(--color-red-100);
}
.red-200,
.has-red-200-color {
    color: var(--color-red-200);
}
.red-300,
.has-red-300-color {
    color: var(--color-red-300);
}
.red-400,
.has-red-400-color {
    color: var(--color-red-400);
}
.red,
.red-500,
.has-red-color,
.has-red-500-color {
    color: var(--color-red-500);
}
.red-600,
.has-red-600-color {
    color: var(--color-red-600);
}
.red-700,
.has-red-700-color {
    color: var(--color-red-700);
}
.red-800,
.has-red-800-color {
    color: var(--color-red-800);
}
.red-900,
.has-red-900-color {
    color: var(--color-red-900);
}
.red-950,
.has-red-950-color {
    color: var(--color-red-500);
}

/*  GREEN ////////////////////////////////////////////////////////////////////*/

.green-50,
.has-green-50-color {
    color: var(--color-green-50);
}
.green-100,
.has-green-100-color {
    color: var(--color-green-100);
}
.green-200,
.has-green-200-color {
    color: var(--color-green-200);
}
.green-300,
.has-green-300-color {
    color: var(--color-green-300);
}
.green-400,
.has-green-400-color {
    color: var(--color-green-400);
}
.green,
.green-500,
.has-green-color,
.has-green-500-color {
    color: var(--color-green-500);
}
.green-600,
.has-green-600-color {
    color: var(--color-green-600);
}
.green-700,
.has-green-700-color {
    color: var(--color-green-700);
}
.green-800,
.has-green-800-color {
    color: var(--color-green-800);
}
.green-900,
.has-green-900-color {
    color: var(--color-green-900);
}
.green-950,
.has-green-950-color {
    color: var(--color-green-500);
}

/*  NEUTRAL / GREY ///////////////////////////////////////////////////////////*/

.neutral-50,
.grey-50,
.has-neutral-50-color,
.has-grey-50-color {
    color: var(--color-neutral-50);
}
.neutral-100,
.grey-100,
.has-neutral-100-color,
.has-grey-100-color {
    color: var(--color-neutral-100);
}
.neutral-200,
.grey-200,
.has-neutral-200-color,
.has-grey-200-color {
    color: var(--color-neutral-200);
}
.neutral-300,
.grey-300,
.has-neutral-300-color,
.has-grey-300-color {
    color: var(--color-neutral-300);
}
.neutral-400,
.grey-400,
.has-neutral-400-color,
.has-grey-400-color {
    color: var(--color-neutral-400);
}
.neutral,
.neutral-500,
.grey,
.grey-500,
.has-neutral-color,
.has-neutral-500-color,
.has-grey-color,
.has-grey-500-color {
    color: var(--color-neutral-500);
}
.neutral-600,
.grey-600,
.has-neutral-600-color,
.has-grey-600-color {
    color: var(--color-neutral-600);
}
.neutral-700,
.grey-700,
.has-neutral-700-color,
.has-grey-700-color {
    color: var(--color-neutral-700);
}
.neutral-800,
.grey-800,
.has-neutral-800-color,
.has-grey-800-color {
    color: var(--color-neutral-800);
}
.neutral-900,
.grey-900,
.has-neutral-900-color,
.has-grey-900-color {
    color: var(--color-neutral-900);
}
.neutral-950,
.grey-950,
.has-neutral-950-color,
.has-grey-950-color {
    color: var(--color-neutral-950);
}