:root {
    --gray-very-light: #eee;
    --neutral-light: #f8f9fa;
    --neutral-dark: #222;
    --primary-blue-dark: #004080;
    --primary-blue-gradient-dark: #004373;
    --pagination-bg: #F2F2F2;
    --gray-title: #313131;
    --border-gray: #E0E0E0;
    --white: #FFF;
    --off-white: #F9F9F9;
    --status-gray: #7F848B;
    --border-light: #DFE1E2;
    --primary-blue: #005EA2;
    --primary-dark-blue: #003E6B;
    --link-blue: #0071BB;
    --gray-lightest: #f0f0f0;
    --gray-lighter: #e2e2e2;
    --gray-dark: #464646;
    --gray-border-light: #CCC;
    --accent-blue: #2491FF;
    --today-border-blue: #009DFF;
    --gray-label: #9D9D9D;
    --gray-menu: #5C5C5C;
    --primary-black: #000;
    --secondary-black: #1B1B1B;
    --base-ink: var(--secondary-black);
    --secondary-blue: #0050D8;
    --neutral-black: #1B1B1B;
    --purple-hover: #781A92;
    --gray-progress: #919191;
    --gray-progress-active: #7c8d9a;
    --navy-blue: #162E51;
    --gray-dragdrop-border: #A9AEB1;
    --blue-dragdrop-bg: rgb(147, 188, 220, 0.15);
    --blue-dragdrop-bg-hover: rgb(147, 188, 220, 0.25);
    --gray-selected-border: #ADADAD;
    --blue-selected-bg: #D9E8F6;
    --gray-icon: #555;
    --gray-search-border: #ced4da;
    --gray-upload-thumb: #989494;
    --gray-upload-thumb-bg: #D9D9D9;
    --dark-gray: #3D3D3D;
    --light-gray: #333;
    --blue-level-one: #3893DC;
    --blue-level-three: #1A5AC8;
    --blue-level-four: #1A4480;
    --gray-level-one: #4b4b4b;
    --awareness-blue: #3893cd;
    --expert-dark-blue: #162E51;
    --advanced-dark-blue: #1A4480;
    --intermediate-dark-blue: #1A5AC8;
    --very-light-green: #c3e6cb;
    --overdue-content-item: #6B4848;
    --in-progress-content-item: #565C65;
    --completed-content-item: #566557;
    --color-background-muted: #e9ecef;
    --color-text-muted: #6c757d;
    --color-legend-progress: #ffc107;
    --color-accent-green: #28a745;
    --color-accent-blue: #007bff;
    --color-success-light: #d4edda;
    --color-neutral-gray: #495057;
    --color-neutral-800: #212529;
    --color-accent-red-very-light: #f8d7da;
    --color-accent-red-light: #f5c6cb;
    --color-danger-dark: #721c24;
    --color-accent-red: #dc3545;
    --color-danger-light: #fff5f5;
    --color-success-dark: #2E8540;
    --correct-light-green: #E3F5E7;
    --incorrect-light-red: #FDE5E5;
    --background-hover-light-blue: #F0F8FF;
    --border-accent-blue: #3b82f6;
    --primary-off-white: #F8F8F8;
    --primary-gray: #8D8D8D;
    --feedback-blue: #EEF8FF;
    --empty-drag-item: #6C6C6C;
    --fixed-item-background: #A8D9FF;
    --gray-border: #6A6A6A;
    --dark-gray-background: #E7E7E7;
    --light-blue-background: #DCF0FF;
    --light-gray-background: #F5F5F5;
    /* skill packet variables color updates */
    --skill-summary-item: #EFEFEF;
    --skill-packet-logo-border: #E9E9E9;
    --skill-packet-supporting-skills-container: #F3F3F3;
    --skill-packet-chevron-filler: #3D3D3D;
    --skill-learning-goal-active-bg: #DCF1FF;
    --skill-lesson-card-bg: #404040;
    --paint-point-placeholder: #565c65;
    /* Begin color updates */
    --alert-red: #B50909;
    --progress-green: #154C21;
    --approved-green: #008817;
    --pending-brown: #C2850C;
    --incomplete-orange: #CF4900;
    --draft-gray: #71767A;
    --loading-gray: #3D4551;
    --error-red: #D32F2F;
    --error-red-light: #FFEBEE;
    --error-red-background: #fef2f2;
    --error-red-border: #fca5a5;
    --error-red-text: #dc2626;
    /* Shadow variables */
    --shadow-light: rgb(0, 0, 0, 0.1);
    --shadow-medium: rgb(0, 0, 0, 0.15);
    --shadow-dark: rgb(0, 0, 0, 0.3);
    --shadow-incorrect-drag: rgb(183, 9, 9, 0.4);
    /* timeline colors / microlearnings */
    --timeline-connector-gray: #6E6E6E;
    --border-medium: #6D6D6D;
    --border-dark: #BDBDBD;
    /* Preview microlearning page */
    --medium-gray: #5A5A5A;
    --background-light-gray: #F4F4F4;
    --bright-blue: #009DFF;
    --gray-standard: #666;
    --color-status-complete: #317825;
    --gray-border-medium: #D0D0D0;
    --text-gray: #7A7A7A;
    --background-blue-light: #DDF0FE;
    /* MicroLearning component specific colors */
    --gray-text-medium: #475569;
    --gray-text-light: #575757;
    --background-blue-lightest: #F2F9FF;
    --border-blue-light: #E1E9F4;
    --background-blue-hover: #E8F4FF;
    --background-light-gray-chart: #f6f6f6;
    --text-medium-gray: #4F4F4F;
    --border-gray-lightest: #E5E5E5;
    --gray-subtitle: #2e2e2e;
    --scrollbar-track-gray: #f1f1f1;
    --scrollbar-thumb-gray: #c1c1c1;
    --scrollbar-thumb-hover-gray: #a8a8a8;
    --text-dark-gray: #343a40;
    --border-light-gray: #d7d7d7;
    --focus-blue: #86b7fe;
    --bootstrap-primary: #0d6efd;
    --table-border-gray: #dee2e6;
    --muted-gray: #adb5bd;
    --error-red-dark: #a41f1f;
    --gray-border-light-2: #ccc;
}