:root {
  --ff-color1: #a6a6a6;
  --ff-color2: #fff;
  --ff-color3: #0097b2;
  --ff-color4: #7ed957;
  --ff-color5: #d9d9d9;
  --ff-color6: #737373;
  --ff-color7: #333;
  --ff-color8: #d5d5d5;
  --ff-color9: #bdebaa;
  --ff-color10: #ececec;
  --ff-color11: #ff3131;
  --ff-color12: #6dd063;
  --ff-color13: #989da3;
  --ff-color14: #545454;
  --ff-color15: #fefefe;
  --ff-color16: #656565;
  --ff-color17: #787878;
  --ff-color-transparent: rgba(255, 255, 255, 0);
  --ff-color18: #d3fdd8;
  --ff-color19: #9bbcff;
  --ff-color20: #fcdd4f;
  --ff-color21: #f79447;
  --ff-color22: #f33c27;
  --ff-color23: #f69346;

  --ff-color24: #f35d56;
  --ff-color25: #8a5cff;

  --ff-color26: #5a76ff;
  --ff-color27: #f46ec5;

  --ff-color28: #666;
  --ff-color29: #555;

  --ff-gradient1: linear-gradient(var(--ff-color2), var(--ff-color2)) padding-box;
  --ff-gradient2: linear-gradient(90deg, var(--ff-color3) 0%, var(--ff-color4) 100%) border-box;
  --ff-gradient3: linear-gradient(var(--ff-color1), var(--ff-color1)) padding-box;
  --ff-gradient4: linear-gradient(90deg, var(--ff-color1) 0%, var(--ff-color1) 0%, var(--ff-color1) 100%) border-box;
  --ff-gradient5: linear-gradient(90deg, var(--ff-color5) 0%, var(--ff-color5) 0%, var(--ff-color5) 100%) border-box;

  --ff-gradient6: linear-gradient(90deg, var(--ff-color18), var(--ff-color19));
  --ff-gradient7: linear-gradient(90deg, var(--ff-color20), var(--ff-color21));
  --ff-gradient8: linear-gradient(90deg, var(--ff-color22), var(--ff-color23));

  --ff-gradient9: linear-gradient(90deg, var(--ff-color24), var(--ff-color25));
  --ff-gradient10: linear-gradient(90deg, var(--ff-color26), var(--ff-color27));
}