:root {
  --skinPrimary: #789eff;
  --skinAccent: #ff7ea3;
  --skinSuccess: #44cc40;
  --skinDanger: #fe6565;
  --skinWarning: #e68a04;
  --skinHeader: #5165b3;
  --skinPrimaryLiteOnLight: #eef3ff;
  --skinAccentLiteOnLight: #ffeff3;
  --skinSuccessLiteOnLight: #e8f8e8;
  --skinDangerLiteOnLight: #feecec;
  --skinWarningLiteOnLight: #fcf0e0;
  --skinPrimaryLiteOnDark: #0e121e;
  --skinAccentLiteOnDark: #1e0f13;
  --skinSuccessLiteOnDark: #081807;
  --skinDangerLiteOnDark: #1e0c0c;
  --skinWarningLiteOnDark: #1b1000;
  --skinPrimaryHover: #648fff;
  --skinAccentHover: #ff6a94;
  --skinSuccessHover: #38c334;
  --skinDangerHover: #fe5151;
  --skinWarningHover: #d27e04;
  --skinPrimaryGradient: #789eff;
  --skinAccentGradient: #ff7ea3;
  --skinSuccessGradient: #44cc40;
}