/*** color ***/
body {
    --main-container-bg: #EEF5FB;
    --sidebar-bg-dark-blue: #3F4D67;
    --sidebar-bg-selected-dark-blue: #2B3342;
    --search-bg: #EFEFEF;
    
    --warning-red: #DC3545;
    
    --main-green: #19ACAE;
    --main-yellow: #F1B80E;
    --main-light-blue: #11A6EC;
    --main-dull-blue: #1E8FC1;
    --main-navy: #2858AF;
    --main-blue-gray: #20688C;
    
    --table-border-dark: var(--gray-500);
    --table-border-light: var(--gray-300);
    --table-tr-hover-bg: #E0FFFF;
    --table-tr-hover-txt: #4169E1;
    --table-grid-bg: #EAF0FF;
    
    --gray-50: #F9FAFB;
    --gray-100: #F3F4F6;
    --gray-200: #E5E7EB;
    --gray-300: #D1D5DB;
    --gray-400: #9CA3AF;
    --gray-500: #6B7280;
    --gray-600: #4B5563;
    --gray-700: #374151;
    --gray-800: #1F2937;
    --gray-900: #111827;
}