:root {
  --primary-color-100: #5b8ebd;
  --primary-color-200: #3775ae;
  --primary-color-300: #145da0;
  --primary-color-400: #114f88;
  --primary-color-500: #0e4170;
  --primary-color-600: #043765;

  --secondary-color-50: #ffffff;
  --secondary-color-100: #fafbfc;
  --secondary-color-200: #f8fafb;
  --secondary-color-300: #f5f8f9;
  --secondary-color-400: #f3f6f8;
  --secondary-color-500: #e9ecee;
  --secondary-color-600: #dfe2e3;
  --secondary-color-700: #d5d7d9;
  --secondary-color-800: #cbcdcf;
  --secondary-color-900: #c0c3c4;
  --secondary-color-950: #b6b9ba;

  --third-color-50: #9298aa;
  --third-color-100: #8990a3;
  --third-color-200: #80879c;
  --third-color-300: #777f95;
  --third-color-400: #6e768e;
  --third-color-500: #5d6479;
  --third-color-600: #555b6e;
  --third-color-700: #4c5263;
  --third-color-800: #444958;
  --third-color-900: #3c404d;
  --third-color-950: #333743;

  --fourth-color-50: #f2f7fb;
  --fourth-color-100: #ebf0f4;
  --fourth-color-200: #e3eaef;
  --fourth-color-300: #dbe2e7;
  --fourth-color-400: #d4dadf;
  --fourth-color-500: #ccd1d6;
  --fourth-color-600: #c3c9cd;
  --fourth-color-700: #b2b7bb;
  --fourth-color-800: #a0a5a8;
  --fourth-color-900: #8e9396;
  --fourth-color-950: #7d8183;

  --fifth-color-50: #4c545f;
  --fifth-color-100: #434b57;
  --fifth-color-200: #3a434f;
  --fifth-color-300: #313a47;
  --fifth-color-400: #28323f;
  --fifth-color-500: #1f2937;
  --fifth-color-600: #1b2430;
  --fifth-color-700: #171e29;
  --fifth-color-800: #131922;
  --fifth-color-900: #0f141a;
  --fifth-color-950: #0b0e13;

  --faded-color-50: #ffffff;
  --faded-color-100: #f5f5f5;
  --faded-color-200: #ebebeb;
  --faded-color-300: #e0e0e0;
  --faded-color-400: #c9c8c7;
  --faded-color-500: #c0bfbe;
  --faded-color-600: #b7b9b8;

  --inverse-color-400: #2d302d;
  --inverse-color-950: #000000;

  --danger-color-300: #d84a42;
  --danger-color-400: #d4372e;
  --danger-color-500: #ca0b00;
  --danger-color-600: #bc0a00;
  --danger-color-700: #ae0a00;

  --danger-color-30050: #d84a4250;
  --danger-color-40050: #d4372e77;

  --success-color-500: #00ff00;

  --warning-color-500: #ffff00;
}