:root {
  --body-bg: #FAFAFA;
  --primary: #049EF4;
  --primary-color: #049EF4;
  --primary-light: #36B2F6;
  --primary-dark: #0387D0;
  --secondary-hover:#DCDCDC;
  --light-primary-color:#d9f1fe;
  --secondary-color: #3B4752;
  --main-bg-color: #2C2C2C;
  --sidebar-logo-text: #fff;
  --bg-secondary-color:#3B4752;
  --light-color: #ffffff;
  --primary-dark: #0387D0;
  --primary-hover:#36B2F6;
  --links-hover: #646972;
  --gray-light: #434446;
  --modal-bg: #1E272E;
  --bg-error: #A53131;
  --input-error: #dc3545;
  --warning: #f8d053;
  --body: #efefef;
  --dark-color: #000;
  --jumbotron-color: #e9ecef;
  --gray-small: #B9B9B9;

  /* Sidebar */
  --links-hover: #788195;
  --sidebar-text: #fff;
  --sidebar-hover: #ABC6DE;
  --sidebar-active: #ABC6DE;
  --sidebar-background: #3B4752;
  --sidebar-active-background: #323B43;

  --primary: var(--primary-color);
  --primary-light: var(--primary-hover);
  --primary-opacity:#007bff1f;
  --secondary: var(--secondary-color);
  --secondary-dark: #323C46;
  --secondary-light: #9ca2a8;
  --secondary-hover: #DCDCDC;
  --secondary-active:#C1C1C1;
  --disable:#C5C5C5;
  --disable-dark:#7A7A7A;
  --modal-bg: #1E272E;
  --danger: #f55753;
  --danger-dark: #c64643;
  --danger-light: #f77975;
  --warning: #f8d053;
  --warning-dark: #c9a843;
  --warning-light: #d5b347;
  --success: #10cfbd;
  --success-dark: #009d8d;
  --success-light: #65ffef;
  --code: #e83e8c;

  --rgba-primary: rgba(33, 150, 243, 0.09);
  --rgba-secondary: rgba(212,167, 226, 0.23);
  --backdrop: rgba(0, 0, 0, 0.5);
  --box-shadow: rgba(0, 0, 0, 0.05);
  --box-shadow-dark: rgba(0,0,0,0.11);
  --box-shadow-light: rgba(0, 0, 0, 0.16);
  --box-shadow-extralight: rgba(0, 0, 0, 0);

  --buttons-default: var(--white);
  --buttons-default-hover: var(--white-500);
  --buttons-default-active: var(--white-350);
  --buttons-primary: var(--primary);
  --buttons-primary-hover: var(--primary-dark);
  --buttons-primary-active: var(--primary-dark);
  --buttons-secondary: var(--secondary);
  --buttons-secondary-hover: var(--secondary-dark);
  --buttons-secondary-active: var(--secondary-dark);

  --gray: #919191;
  --white: #ffffff;
  --white-025: #393939;
  --white-050: #3d3d3d;
  --white-075: #404345; 
  --white-100: #4a4e51;
  --white-150: #555a5e;
  --white-200: #697075;
  --white-300: #7d848d;
  --white-350: #959ca3;
  --white-400: #9fa6ad;
  --white-500: #acb2b8;
  --white-600: #c4c8cc;
  --white-700: #cfd2d6;
  --white-750: #dadee0;
  --white-800: #e7e8eb;
  --white-900: #fcfcfc;
  --black: #2b2b2b;
  --black-025: #fafafb;
  --black-050: #eff0f1;
  --black-075: #e4e6e8;
  --black-100: #d6d9dc;
  --black-150: #c8ccd0;
  --black-200: #bbc0c4;
  --black-300: #9fa6ad;
  --black-350: #9199a1;
  --black-400: #848d95;
  --black-500: #6a737c;
  --black-600: #535a60;
  --black-700: #3c4146;
  --black-750: #2f3337;
  --black-800: #242729;
  --black-900: #0c0d0e;
}