:root {
  --ColorPrimary: #3B82F6;
  --ColorPrimaryLight: #83B0F9;
  --ColorPrimaryLighter: #CCDEFC;
  --ColorPrimaryDark: #0A59DA;
  --ColorPrimaryDarker: #063B91;
  --ColorSecondary: #64748B;
  --ColorSecondaryLight: #8492A6;
  --ColorSecondaryLighter: #A6B1BF;
  --ColorSecondaryDark: #4B5768;
  --ColorSecondaryDarker: #323A45;
  --ColorInfo: #3B82F6;
  --ColorInfoLight: #83B0F9;
  --ColorInfoLighter: #CCDEFC;
  --ColorInfoDark: #0A59DA;
  --ColorInfoDarker: #063B91;
  --ColorSuccess: #22C55E;
  --ColorSuccessLight: #42DE7B;
  --ColorSuccessLighter: #73E69E;
  --ColorSuccessDark: #199346;
  --ColorSuccessDarker: #10622E;
  --ColorWarning: #F59E0B;
  --ColorWarningLight: #F7B648;
  --ColorWarningLighter: #FACE85;
  --ColorWarningDark: #B87607;
  --ColorWarningDarker: #7A4F05;
  --ColorDanger: #EF4444;
  --ColorDangerLight: #F58A8A;
  --ColorDangerLighter: #FBD1D1;
  --ColorDangerDark: #D41212;
  --ColorDangerDarker: #8D0C0C;
  --ColorWhite: #FFFFFF;
  --ColorBase50: #FFFFFF;
  --ColorBase100: #f8f9fa;
  --ColorBase200: #e9ecef;
  --ColorBase300: #dee2e6;
  --ColorBase400: #ced4da;
  --ColorBase500: #adb5bd;
  --ColorBase600: #6c757d;
  --ColorBase700: #495057;
  --ColorBase800: #343a40;
  --ColorBase900: #212529;
  --ColorBlack: #000000;
}