--color-fill-primary: #ff55ff;

  --color-fill-primary-hover: #ff70ff;

  --color-fill-primary-shade: #ff1aff;

  --color-fill-yellow: #ffe609;

  --color-fill-yellow-iconic: #ffff55;

  --color-fill-gray: #9b9bb1;

  --color-fill-secondary-shade: #5555ff;

  --color-fill-diff-red: #efdce4;

  --color-fill-diff-red-light: #f7eef2;

  --color-fill-success: #4fa877;

  --color-fill-diff-green: #badeca;

  --color-fill-diff-green-light: #dcefe5;

  --color-fill-float: #fafaff;

  --color-fill-primary: #ff1aff;

  --color-fill-primary-hover: #ff4dff;

  --color-fill-primary-shade: #e500e5;

  --color-fill-danger: #aa5078;

  --color-fill-danger-hover: #be7495;

  --color-fill-danger-counter: #ce97af;

  --color-fill-yellow: #ffe609;

  --color-fill-yellow-iconic: #ffff55;

  --color-fill-gray: #9b9bb1;

  --color-fill-diff-red: #4d1929;

  --color-fill-diff-red-light: #2d060d;

  --color-fill-success-hover: #71bc93;

  --color-fill-success-shade: #408760;

  --color-fill-diff-green: #183425;

  --color-fill-diff-green-light: #142a1d;

  --color-fill-float: #14151a;