/**
 * Default color custom properties
 */
:root {
  /* Neutrals */
  --colorWhite: #fff;
  --colorBlack: #000;
  --colorNeutral100: #edf0f2;
  --colorNeutral200: #dfe5ea;
  --colorNeutral300: #aeb3bb;
  --colorNeutral400: #9399a4;
  --colorNeutral500: #77808d;
  --colorNeutral600: #5c6677;
  --colorNeutral700: #414d60;
  --colorNeutral800: #414d60;
  --colorNeutral900: #263349;

  /* Primaries */
  --colorPrimary: #009;
  --colorPrimary100: #d9e1f9;
  --colorPrimary200: #b9c4f0;
  --colorPrimary300: #99a7e7;
  --colorPrimary400: #798bdd;
  --colorPrimary500: #596ed4;
  --colorPrimary600: #3951cb;
  --colorPrimary700: #1e1fb7;
  --colorPrimary800: #009;
  --colorPrimary900: #000069;

  /* States */
  --colorError: #ff4136;
  --colorSuccess: #2ecc40;
  --colorNotice: #3951cb;
}