:root {
    /* Tailwind Alpha looks for this format. */
    --primary-lighter-rgb: 102, 180, 218;
    --primary-light-rgb: 51, 148, 198;
    --primary-main-rgb: 0, 116, 178;
    --primary-dark-rgb: 0, 94, 143;
    --primary-darker-rgb: 0, 73, 108;
    --primary-contrastText-rgb: 255, 255, 255;
    --secondary-lighter-rgb: 72, 203, 235;
    --secondary-light-rgb: 39, 195, 230;
    --secondary-main-rgb: 12, 184, 227;
    --secondary-dark-rgb: 9, 144, 177;
    --secondary-darker-rgb: 7, 111, 134;
    --secondary-contrastText-rgb: 255, 255, 255;
    --primary-lighter: #66B4DA;
    --primary-light: #3394C6;
    --primary-main: #0074B2;
    --primary-dark: #005E8F;
    --primary-darker: #00496C;
    --primary-contrastText: #FFFFFF;
    --info-lighter: #DEEAF4;
    --info-light: #61F3F3;
    --info-main: #00B8D9;
    --info-dark: #006C9C;
    --info-darker: #003768;
    --info-contrastText: #FFFFFF;
    --success-name: green;
    --success-lighter: #b2dcad;
    --success-light: #91cd89;
    --success-main: #6ebd64;
    --success-dark: #52a848;
    --success-darker: #418439;
    --success-contrastText: #FFFFFF;
    --tertiary-name: green;
    --tertiary-lighter: #b2dcad;
    --tertiary-light: #91cd89;
    --tertiary-main: #6ebd64;
    --tertiary-dark: #52a848;
    --tertiary-darker: #418439;
    --tertiary-contrastText: #FFFFFF;
    --warning-lighter: #FFF5CC;
    --warning-light: #FFD666;
    --warning-main: #FFAB00;
    --warning-dark: #B76E00;
    --warning-darker: #7A4100;
    --warning-contrastText: #212B36;
    --error-lighter: #FFE9D5;
    --error-light: #FFAC82;
    --error-main: #FF5630;
    --error-dark: #B71D18;
    --error-darker: #7A0916;
    --error-contrastText: #FFFFFF;
    --secondary-lighter: #48CBEB;
    --secondary-light: #27C3E6;
    --secondary-main: #0CB8E3;
    --secondary-dark: #0990B1;
    --secondary-darker: #076F86;
    --secondary-contrastText: #FFFFFF;
}