:root {
  --primary-color-700-darker: #295FA7;
  --primary-color-600: #306AB0;
  --primary-color-500-default: #3672b7;
  --primary-color-400: #5487C2;
  --primary-color-300: #729CCD;
  --primary-color-200: #9BB9DB;
  --primary-color-100-lighter: #C3D5E9;

  --secondary-color-700-darker: #FCCD00;
  --secondary-color-600: #FDD300;
  --secondary-color-500-default: #fdd700;
  --secondary-color-400: #FDDD26;
  --secondary-color-300: #FEE34D;
  --secondary-color-200: #FEEB80;
  --secondary-color-100-lighter: #FEF3B3;

  --warn-color-700-darker: #cf3131;
  --warn-color-600: #e13b37;
  --warn-color-500-default: #F04438;
  --warn-color-400: #eb5451;
  --warn-color-300: #e27374;
  --warn-color-200: #ec9a9a;
  --warn-color-100-lighter: #fdcdd2;
  --warn-color-50: #FFD6D8;

  --success-color-700-darker: #00923d;
  --success-color-600: #00a449;
  --success-color-500-default: #00b452;
  --success-color-400: #3fbf6d;
  --success-color-300: #68cb87;
  --success-color-200: #96d9a9;
  --success-color-100-lighter: #c0e8cb;

  --dark-text-color: #121212;
  --light-text-color: #f7f7f7;

  --neutrals-color-700-darker: #a7a9ac;
  --neutrals-color-600: #E8ECEF;
  --neutrals-color-500-default: #ced3d4;
  --neutrals-color-400: #e6e7e8;
  --neutrals-color-100-lighter: #FFFFFF;

  --pending-color-700-darker: #e54700;
  --pending-color-500-default: #FF6D2A;
  --pending-color-100-lighter: #ffcbb5;

  --overloaded-color-700-darker: #69249a;
  --overloaded-color-500-default: #892ca9;
  --overloaded-color-100-lighter: #dbbde5;
  --overloaded-color-50: #f1e5f4;

  --underloaded-color-700-darker: #ffb300;
  --underloaded-color-500-default: #ffd740;
  --underloaded-color-100-lighter: #fff8df;
}