:root {
    --base-white: #FFFFFF;
    --base-black: #000000;

    /* grey colors */
    --hotspot-grey_25: #FCFCFC;
    --hotspot-grey_50: #F8f8f8;
    --hotspot-grey_100: #F4F4F4;
    --hotspot-grey_200: #E0DFDF;
    --hotspot-grey_400: #C2C1C1;
    --hotspot-grey_500: #868484;
    --hotspot-grey_600: #494646;
    --hotspot-grey_700: #2D2929;
    --hotspot-grey_900: #0C0808;

    /* brand colors */
    --hotspot-brand_25: #FBF2F2;
    --hotspot-brand_50: #F7E5E5;
    --hotspot-brand_100: #EFC7C7;
    --hotspot-brand_200: #E7A4A3;
    --hotspot-brand_400: #DE7776;
    --hotspot-brand_500: #D52620;
    --hotspot-brand_600: #BF221D;
    --hotspot-brand_700: #A51D19;
    --hotspot-brand_900: #5F110E;

    /* success colors */
    --hotspot-success_25: #F5F9F4;
    --hotspot-success_50: #ECF3E9;
    --hotspot-success_100: #D8E7D2;
    --hotspot-success_200: #9EC38F;
    --hotspot-success_400: #649E4C;
    --hotspot-success_500: #3D861F;
    --hotspot-success_600: #34721A;
    --hotspot-success_700: #2B5E16;
    --hotspot-success_900: #1F4310;

    /* danger colors */
    --hotspot-danger_25: #FDF4F4;
    --hotspot-danger_50: #FBEAE8;
    --hotspot-danger_100: #F8D4D2;
    --hotspot-danger_200: #ED948D;
    --hotspot-danger_400: #E15449;
    --hotspot-danger_500: #DA291C;
    --hotspot-danger_600: #B92318;
    --hotspot-danger_700: #991D14;
    --hotspot-danger_900: #6D150E;

    /* warning colors */
    --hotspot-warning_25: #FEFBF5;
    --hotspot-warning_50: #FEF8EA;
    --hotspot-warning_100: #FDF1D5;
    --hotspot-warning_200: #F9DC96;
    --hotspot-warning_400: #F6C758;
    --hotspot-warning_500: #F4B92E;
    --hotspot-warning_600: #CF9D27;
    --hotspot-warning_700: #AF7C03;
    --hotspot-warning_900: #7D5902;

    /* info colors */
    --hotspot-info_25: #F2F7FD;
    --hotspot-info_50: #E5EEFC;
    --hotspot-info_100: #CCDEF9;
    --hotspot-info_200: #80ACF0;
    --hotspot-info_400: #337BE7;
    --hotspot-info_500: #005AE1;
    --hotspot-info_600: #004DBF;
    --hotspot-info_700: #003F9D;
    --hotspot-info_900: #002D71;

    /* purple colors */
    --hotspot-purple_25: #FAF4F8;
    --hotspot-purple_50: #F5E9F0;
    --hotspot-purple_100: #EBD4E2;
    --hotspot-purple_200: #CD92B6;
    --hotspot-purple_400: #B0518B;
    --hotspot-purple_500: #9C266E;
    --hotspot-purple_600: #85205E;
    --hotspot-purple_700: #6D1B4D;
    --hotspot-purple_900: #4E1337;
}

/* text colors */
.text-white {
    color: var(--base-white);
}
.text-grey-400 {
    color: var(--hotspot-grey_400);
}
.text-grey-500 {
    color: var(--hotspot-grey_500);
}
.text-grey-600 {
    color: var(--hotspot-grey_600);
}
.text-grey-700 {
    color: var(--hotspot-grey_700);
}
.text-grey-900 {
    color: var(--hotspot-grey_900);
}
.text-info-900 {
    color: var(--hotspot-info_900);
}
.text-info-700 {
    color: var(--hotspot-info_700);
}
.text-info-600 {
    color: var(--hotspot-info_600);
}
.text-warning-600 {
    color: var(--hotspot-warning_600);
}
.text-warning-700 {
    color: var(--hotspot-warning_700);
}
.text-warning-900 {
    color: var(--hotspot-warning_900);
}
.text-danger-500 {
    color: var(--hotspot-danger_500);
}
.text-danger-700 {
    color: var(--hotspot-danger_700);
}
.text-danger-600 {
    color: var(--hotspot-danger_600);
}
.text-danger-900 {
    color: var(--hotspot-danger_900);
}
.text-success-900 {
    color: var(--hotspot-success_900);
}
.text-success-700 {
    color: var(--hotspot-success_700);
}
.text-brand-500 {
    color: var(--hotspot-brand_500);
}
.text-brand-600 {
    color: var(--hotspot-brand_600);
}
.text-purple-700 {
    color: var(--hotspot-purple_700);
}
.text-purple-900 {
    color: var(--hotspot-purple_900);
}

/* background colors */
.bg-info-50 {
    background-color: var(--hotspot-info_50);
}
.bg-info-100 {
    background-color: var(--hotspot-info_100);
}
.bg-info-200 {
    background-color: var(--hotspot-info_200);
}
.bg-warning-50 {
    background-color: var(--hotspot-warning_50);
}
.bg-warning-100 {
    background-color: var(--hotspot-warning_100);
}
.bg-warning-500 {
    background-color: var(--hotspot-warning_500);
}
.bg-warning-600 {
    background-color: var(--hotspot-warning_600);
}
.bg-brand-50 {
    background-color: var(--hotspot-brand_50);
}
.bg-brand-100 {
    background-color: var(--hotspot-brand_100);
}
.bg-brand-500 {
    background-color: var(--hotspot-brand_500);
}
.bg-success-50 {
    background-color: var(--hotspot-success_50);
}
.bg-success-100 {
    background-color: var(--hotspot-success_100);
}
.bg-success-700 {
    background-color: var(--hotspot-success_700);
}
.bg-danger-50 {
    background-color: var(--hotspot-danger_50);
}
.bg-danger-100 {
    background-color: var(--hotspot-danger_100);
}
.bg-danger-200 {
    background-color: var(--hotspot-danger_200);
}
.bg-danger-500 {
    background-color: var(--hotspot-danger_500);
}
.bg-grey-50 {
    background-color: var(--hotspot-grey_50);
}
.bg-grey-100 {
    background-color: var(--hotspot-grey_100);
}
.bg-grey-200 {
    background-color: var(--hotspot-grey_200);
}
.bg-grey-900 {
    background-color: var(--hotspot-grey_900);
}
.bg-purple-50 {
    background-color: var(--hotspot-purple_50);
}
.bg-purple-100 {
    background-color: var(--hotspot-purple_100);
}

/* border colors */
.border-info-100 {
    border: 1px solid var(--hotspot-info_100);
}
.border-success-100 {
    border: 1px solid var(--hotspot-success_100);
}
.border-warning-200 {
    border: 1px solid var(--hotspot-warning_200);
}
.border-purple-100 {
    border: 1px solid var(--hotspot-purple_100);
}
.border-danger-100 {
    border: 1px solid var(--hotspot-danger_100);
}
.border-grey-200 {
    border: 1px solid var(--hotspot-grey_200);
}