:root {
    --gidc-blue-50: #edf7fc;
    --gidc-blue-65: #dff1fc;
    --gidc-blue-75: #c9e7fa;
    --gidc-blue-100: #bbe1f9;
    --gidc-blue-200: #84c9f4;
    --gidc-blue-300: #62b5e8;
    --gidc-blue-400: #0099da;
    --gidc-blue-500: #0088d1;
    --gidc-blue-600: #0068b8;
    --gidc-blue-700: #004f99;
    --gidc-blue-800: #003369;
    --gidc-blue-900: #022655;
    --gidc-grey-50: #f8fafc;
    --gidc-grey-100: #f1f5f9;
    --gidc-grey-150: #e8eef4;
    --gidc-grey-200: #e2e8f0;
    --gidc-grey-300: #cbd5e1;
    --gidc-grey-350: #abb8ca;
    --gidc-grey-400: #95a2b8;
    --gidc-grey-500: #65738d;
    --gidc-grey-550: #5d6980;
    --gidc-grey-600: #48556a;
    --gidc-grey-700: #344156;
    --gidc-grey-800: #232e43;
    --gidc-grey-900: #151e32;
    --gidc-green-50: #eefbf5;
    --gidc-green-75: #ABB8CA;
    --gidc-green-100: #b7f1d8;
    --gidc-green-200: #84ebbe;
    --gidc-green-300: #4ae3ab;
    --gidc-green-400: #18d89b;
    --gidc-green-500: #08c792;
    --gidc-green-600: #06ac83;
    --gidc-green-700: #03866a;
    --gidc-green-800: #016553;
    --gidc-green-900: #05473d;
    --gidc-red-50: #fff1f0;
    --gidc-red-75: #fddeda;
    --gidc-red-100: #fdccc7;
    --gidc-red-200: #fda39e;
    --gidc-red-300: #fc7975;
    --gidc-red-400: #fb4d4f;
    --gidc-red-500: #f5222e;
    --gidc-red-600: #cf1322;
    --gidc-red-700: #a8061a;
    --gidc-red-800: #820214;
    --gidc-red-900: #5c0111;
    --gidc-yellow-50: #fffbe7;
    --gidc-yellow-75: #fef5ce;
    --gidc-yellow-100: #fef1b9;
    --gidc-yellow-200: #fde58f;
    --gidc-yellow-300: #fdd767;
    --gidc-yellow-400: #ffc433;
    --gidc-yellow-500: #faae13;
    --gidc-yellow-600: #d48907;
    --gidc-yellow-700: #ad6800;
    --gidc-yellow-800: #874d00;
    --gidc-yellow-900: #623400;
}

/* Blue color classes */
.gidc-blue-bg50 {
    background-color: var(--gidc-blue-50);
}

.gidc-blue50 {
    color: var(--gidc-blue-50);
}

.gidc-blue-bg65 {
    background-color: var(--gidc-blue-65);
}

.gidc-blue65 {
    color: var(--gidc-blue-65);
}

.gidc-blue-bg75 {
    background-color: var(--gidc-blue-75);
}

.gidc-blue75 {
    color: var(--gidc-blue-75);
}

.gidc-blue-bg100 {
    background-color: var(--gidc-blue-100);
}

.gidc-blue100 {
    color: var(--gidc-blue-100);
}

.gidc-blue-bg200 {
    background-color: var(--gidc-blue-200);
}

.gidc-blue200 {
    color: var(--gidc-blue-200);
}

.gidc-blue-bg300 {
    background-color: var(--gidc-blue-300);
}

.gidc-blue300 {
    color: var(--gidc-blue-300);
}

.gidc-blue-bg400 {
    background-color: var(--gidc-blue-400);
}

.gidc-blue400 {
    color: var(--gidc-blue-400);
}

.gidc-blue-bg500 {
    background-color: var(--gidc-blue-500);
}

.gidc-blue500 {
    color: var(--gidc-blue-500);
}

.gidc-blue-bg600 {
    background-color: var(--gidc-blue-600);
}

.gidc-blue600 {
    color: var(--gidc-blue-600);
}

.gidc-blue-bg700 {
    background-color: var(--gidc-blue-700);
}

.gidc-blue700 {
    color: var(--gidc-blue-700);
}

.gidc-blue-bg800 {
    background-color: var(--gidc-blue-800);
}

.gidc-blue800 {
    color: var(--gidc-blue-800);
}

.gidc-blue-bg900 {
    background-color: var(--gidc-blue-900);
}

.gidc-blue900 {
    color: var(--gidc-blue-900);
}

/* Grey color classes */
.gidc-grey-bg50 {
    background-color: var(--gidc-grey-50);
}

.gidc-grey50 {
    color: var(--gidc-grey-50);
}

.gidc-grey-bg100 {
    background-color: var(--gidc-grey-100);
}

.gidc-grey100 {
    color: var(--gidc-grey-100);
}

.gidc-grey-bg150 {
    background-color: var(--gidc-grey-150);
}

.gidc-grey150 {
    color: var(--gidc-grey-150);
}

.gidc-grey-bg200 {
    background-color: var(--gidc-grey-200);
}

.gidc-grey200 {
    color: var(--gidc-grey-200);
}

.gidc-grey-bg300 {
    background-color: var(--gidc-grey-300);
}

.gidc-grey300 {
    color: var(--gidc-grey-300);
}

.gidc-grey-bg350 {
    background-color: var(--gidc-grey-350);
}

.gidc-grey350 {
    color: var(--gidc-grey-350);
}

.gidc-grey-bg400 {
    background-color: var(--gidc-grey-400);
}

.gidc-grey400 {
    color: var(--gidc-grey-400);
}

.gidc-grey-bg500 {
    background-color: var(--gidc-grey-500);
}

.gidc-grey500 {
    color: var(--gidc-grey-500);
}

.gidc-grey-bg550 {
    background-color: var(--gidc-grey-550);
}

.gidc-grey550 {
    color: var(--gidc-grey-550);
}

.gidc-grey-bg600 {
    background-color: var(--gidc-grey-600);
}

.gidc-grey600 {
    color: var(--gidc-grey-600);
}

.gidc-grey-bg700 {
    background-color: var(--gidc-grey-700);
}

.gidc-grey700 {
    color: var(--gidc-grey-700);
}

.gidc-grey-bg800 {
    background-color: var(--gidc-grey-800);
}

.gidc-grey800 {
    color: var(--gidc-grey-800);
}

.gidc-grey-bg900 {
    background-color: var(--gidc-grey-900);
}

.gidc-grey900 {
    color: var(--gidc-grey-900);
}

/* Green color classes */
.gidc-green-bg50 {
    background-color: var(--gidc-green-50);
}

.gidc-green50 {
    color: var(--gidc-green-50);
}

.gidc-green-bg75 {
    background-color: var(--gidc-green-75);
}

.gidc-green75 {
    color: var(--gidc-green-75);
}

.gidc-green-bg100 {
    background-color: var(--gidc-green-100);
}

.gidc-green100 {
    color: var(--gidc-green-100);
}

.gidc-green-bg200 {
    background-color: var(--gidc-green-200);
}

.gidc-green200 {
    color: var(--gidc-green-200);
}

.gidc-green-bg300 {
    background-color: var(--gidc-green-300);
}

.gidc-green300 {
    color: var(--gidc-green-300);
}

.gidc-green-bg400 {
    background-color: var(--gidc-green-400);
}

.gidc-green400 {
    color: var(--gidc-green-400);
}

.gidc-green-bg500 {
    background-color: var(--gidc-green-500);
}

.gidc-green500 {
    color: var(--gidc-green-500);
}

.gidc-green-bg600 {
    background-color: var(--gidc-green-600);
}

.gidc-green600 {
    color: var(--gidc-green-600);
}

.gidc-green-bg700 {
    background-color: var(--gidc-green-700);
}

.gidc-green700 {
    color: var(--gidc-green-700);
}

.gidc-green-bg800 {
    background-color: var(--gidc-green-800);
}

.gidc-green800 {
    color: var(--gidc-green-800);
}

.gidc-green-bg900 {
    background-color: var(--gidc-green-900);
}

.gidc-green900 {
    color: var(--gidc-green-900);
}

/* Red color classes */
.gidc-red-bg50 {
    background-color: var(--gidc-red-50);
}

.gidc-red50 {
    color: var(--gidc-red-50);
}

.gidc-red-bg75 {
    background-color: var(--gidc-red-75);
}

.gidc-red75 {
    color: var(--gidc-red-75);
}

.gidc-red-bg100 {
    background-color: var(--gidc-red-100);
}

.gidc-red100 {
    color: var(--gidc-red-100);
}

.gidc-red-bg200 {
    background-color: var(--gidc-red-200);
}

.gidc-red200 {
    color: var(--gidc-red-200);
}

.gidc-red-bg300 {
    background-color: var(--gidc-red-300);
}

.gidc-red300 {
    color: var(--gidc-red-300);
}

.gidc-red-bg400 {
    background-color: var(--gidc-red-400);
}

.gidc-red400 {
    color: var(--gidc-red-400);
}

.gidc-red-bg500 {
    background-color: var(--gidc-red-500);
}

.gidc-red500 {
    color: var(--gidc-red-500);
}

.gidc-red-bg600 {
    background-color: var(--gidc-red-600);
}

.gidc-red600 {
    color: var(--gidc-red-600);
}

.gidc-red-bg700 {
    background-color: var(--gidc-red-700);
}

.gidc-red700 {
    color: var(--gidc-red-700);
}

.gidc-red-bg800 {
    background-color: var(--gidc-red-800);
}

.gidc-red800 {
    color: var(--gidc-red-800);
}

.gidc-red-bg900 {
    background-color: var(--gidc-red-900);
}

.gidc-red900 {
    color: var(--gidc-red-900);
}

/* Yellow color classes */
.gidc-yellow-bg50 {
    background-color: var(--gidc-yellow-50);
}

.gidc-yellow50 {
    color: var(--gidc-yellow-50);
}

.gidc-yellow-bg75 {
    background-color: var(--gidc-yellow-75);
}

.gidc-yellow75 {
    color: var(--gidc-yellow-75);
}

.gidc-yellow-bg100 {
    background-color: var(--gidc-yellow-100);
}

.gidc-yellow100 {
    color: var(--gidc-yellow-100);
}

.gidc-yellow-bg200 {
    background-color: var(--gidc-yellow-200);
}

.gidc-yellow200 {
    color: var(--gidc-yellow-200);
}

.gidc-yellow-bg300 {
    background-color: var(--gidc-yellow-300);
}

.gidc-yellow300 {
    color: var(--gidc-yellow-300);
}

.gidc-yellow-bg400 {
    background-color: var(--gidc-yellow-400);
}

.gidc-yellow400 {
    color: var(--gidc-yellow-400);
}

.gidc-yellow-bg500 {
    background-color: var(--gidc-yellow-500);
}

.gidc-yellow500 {
    color: var(--gidc-yellow-500);
}

.gidc-yellow-bg600 {
    background-color: var(--gidc-yellow-600);
}

.gidc-yellow600 {
    color: var(--gidc-yellow-600);
}

.gidc-yellow-bg700 {
    background-color: var(--gidc-yellow-700);
}

.gidc-yellow700 {
    color: var(--gidc-yellow-700);
}

.gidc-yellow-bg800 {
    background-color: var(--gidc-yellow-800);
}

.gidc-yellow800 {
    color: var(--gidc-yellow-800);
}

.gidc-yellow-bg900 {
    background-color: var(--gidc-yellow-900);
}

.gidc-yellow900 {
    color: var(--gidc-yellow-900);
}