:root {
    /* PRIMARY */
    --primary-color-100: #e5f1fb;
    --primary-color-200: #cee9fc;
    --primary-color-300: #81bbe3;
    --primary-color-400: #50aff5;
    --primary-color-500: #0080c8;
    --primary-color-500-25: #0080c840;
    --primary-color-500-50: #0080c880;
    --primary-color-600: #05669d;
    --primary-color-700: #04517d;
    /* SECONDARY */
    --accent-color: #04517d;
    /* FEEDBACK */
    --red-100: #fff0f0;
    --red-200: #f6a09c;
    --red-300: #f3463f;
    --red-300-25: #f3463f40;
    --red-300-50: #f3463f80;
    --red-400: #bf3632;
    --red-500: #a4211d;
    --yellow-100: #fff8c9;
    --yellow-200: #ffe100;
    --yellow-200-25: #ffe10040;
    --yellow-200-50: #ffe10080;
    --green-100: #e4f9e5;
    --green-200: #39cb2c;
    --green-200-25: #39cb2c40;
    --green-200-50: #39cb2c80;
    /* GRAPH VISUALIZATION */
    --graph-color-1: #0fb5ae;
    --graph-color-2: #4046ca;
    --graph-color-3: #f68511;
    --graph-color-4: #de3d82;
    --graph-color-5: #7e84fa;
    --graph-color-6: #74e06c;
    --graph-color-7: #147af3;
    --graph-color-8: #7326d3;
}