:root {
    /* PRIMARY COLOR (BLUE) */
    --primary-color-50: 148 219 252;
    --primary-color-100: 97 197 249;
    --primary-color-200: 61 168 244;
    --primary-color-300: 39 140 233;
    --primary-color-400: 31 117 214;
    --primary-color-500: 31 94 174;
    --primary-color-600: 31 80 137;
    --primary-color-700: 28 59 99;
    --primary-color-800: 23 51 80;
    --primary-color-900: 19 43 67;
    --primary-color-950: 16 35 56;

    --accent-color-50: 254 255 244;
    --accent-color-100: 253 254 232;
    --accent-color-200: 248 254 198;
    --accent-color-300: 245 253 146;
    --accent-color-400: 238 250 83;
    --accent-color-500: 231 244 33;
    --accent-color-600: 192 198 9;
    --accent-color-700: 183 186 5;
    --accent-color-800: 145 142 8;
    --accent-color-900: 117 112 14;
    --accent-color-950: 100 94 17;
}

@layer utilities {

    .badge.disp-7, .badge.status-7 {
        background-color: #c6d2ff !important;
        color: #1e1a4d !important;
    }

    .badge.disp-7.clickable:hover, .badge.status-7.clickable:hover {
        background-color: #a3b3ff !important;
    }

}