/* shades of blue */

.blue-1000 {
    color: #002F8D;
}

.blue-900 {
    color: #0039A9;
}

.blue-800 {
    color: #0045CE;
}

.blue-700 {
    color: #0F55E1;
}

.blue-600 {
    color: #1F64EE;
}

.blue-500 {
    color: #3175FD;
}

.blue-400 {
    color: #5A91FF;
}

.blue-300 {
    color: #7DA8FF;
}

.blue-200 {
    color: #A2C1FF;
}

.blue-100 {
    color: #DAE6FF;
}

.blue-50 {
    color: #E5EEFF;
}


/* shades of purple */

.purple-1000 {
    color: #110C3C;
}

.purple-900 {
    color: #1E165E;
}

.purple-800 {
    color: #281F76;
}

.purple-700 {
    color: #372D91;
}

.purple-600 {
    color: #5347B8;
}

.purple-500 {
    color: #766BD9;
}

.purple-400 {
    color: #8E83EC;
}

.purple-300 {
    color: #A399F7;
}

.purple-200 {
    color: #C0B9FF;
}

.purple-100 {
    color: #DEDAFD;
}

.purple-50 {
    color: #F1F0FF;
}

/* shades of Yellow */

.yellow-1000 {
    color: #CB8504;
}

.yellow-900 {
    color: #E59603;
}

.yellow-800 {
    color: #F59F00;
}

.yellow-700 {
    color: #FEAB11;
}

.yellow-600 {
    color: #FFB732;
}

.yellow-500 {
    color: #FFC252;
}

.yellow-400 {
    color: #FFCE72;
}

.yellow-300 {
    color: #FFD992;
}

.yellow-200 {
    color: #FFDFA5;
}

.yellow-100 {
    color: #FFEDCD;
}

.yellow-50 {
    color: #FFF6E6;
}


/* shades of Cyan */

.cyan-1000 {
    color: #086387;
}

.cyan-900 {
    color: #0C7CA9;
}

.cyan-800 {
    color: #209ACA;
}

.cyan-700 {
    color: #2DB5EA;
}

.cyan-600 {
    color: #33C1F9;
}

.cyan-500 {
    color: #45CAFE;
}

.cyan-400 {
    color: #79D9FF;
}

.cyan-300 {
    color: #90E0FF;
}

.cyan-200 {
    color: #A7E6FF;
}

.cyan-100 {
    color: #DAF5FF;
}

.cyan-50 {
    color: #ECFAFF;
}


/* shades of Neutrals */

.neutrals-1000 {
    color: #323345;
}

.neutrals-900 {
    color: #585970;
}

.neutrals-800 {
    color: #7A7B92;
}

.neutrals-700 {
    color: #9596AE;
}

.neutrals-600 {
    color: #AEAFC3;
}

.neutrals-500 {
    color: #C6C7DA;
}

.neutrals-400 {
    color: #DFE0EE;
}

.neutrals-300 {
    color: #ECEDF7;
}

.neutrals-200 {
    color: #F7F7FD;
}

.neutrals-100 {
    color: #FFFFFF;
}
