:root {
  --bodyBgColor: #fff;
  --mainColor: #000229;
  --primaryColor: #000229;
  --secondaryColor: #ff3c82;
  --thirdColor: #c3c6d8;
  --grayColor: #5f6368;
  --lightColor: #f2f2f2;
  --primaryColorAlpha: rgba(91, 108, 255, 0.08);
  --secondaryColorAlpha: rgba(255, 60, 130, 0.08);
  --alertColor: #fa9827;
  --dangerColor: #f70f10;
  --successColor: #21b531;
  --primaryColorAlpha: #e7ecf7;

  --linkColor: #000229;
  --linkHoverColor: #ff3c82;

  --borderColor: #dfe0e1;

  --transition: all 0.5s cubic-bezier(0.65, 0, 0.076, 1);
  --transition-bg: background-color 0.5s cubic-bezier(0.65, 0, 0.076, 1);
  --boxShadow: 0px 10px 20px 0px rgb(0 0 0 / 10%);

  --route-color1: var(--primaryColor);
  --route-color2: var(--secondaryColor);
  --route-color3: #63a91f;
  --route-color4: #ec9704;
  --route-color5: #fd292f;
  --route-color6: #5f3f7c;
  --route-color7: #3751ae;
  --route-color8: #6b0b3d;
  --route-color9: #05828e;
  --route-color11: #01b8ed;
  --route-color12: #a6000d;
  --route-color13: #a35233;
  --route-color14: #f5431a;
  --route-color15: #c82f63;
  --route-color16: #01bcc6;
  --route-color17: #d40e37;
  --route-color18: #6e32aa;
  --route-color19: #6a66d7;
  --route-color20: #00a900;
}