:root {
  --skinPrimary: #8455e4;
  --skinSecondary: #2180c4;
  --skinAccent: #fe304e;
  --skinSuccess: #3ab451;
  --skinDanger: #f53333;
  --skinWarning: #ff7a00;
  --skinHeader: #8455e4;
  --skinPrimaryLiteOnLight: #f0eafb;
  --skinSecondaryLiteOnLight: #e4eff7;
  --skinAccentLiteOnLight: #fee6e9;
  --skinSuccessLiteOnLight: #e7f6ea;
  --skinDangerLiteOnLight: #fde6e6;
  --skinWarningLiteOnLight: #ffefe0;
  --skinPrimaryLiteOnDark: #0f0a1b;
  --skinSecondaryLiteOnDark: #030f17;
  --skinAccentLiteOnDark: #1e0509;
  --skinSuccessLiteOnDark: #061509;
  --skinDangerLiteOnDark: #1d0606;
  --skinWarningLiteOnDark: #1e0e00;
  --skinPrimaryHover: #7743e1;
  --skinSecondaryHover: #1e75b3;
  --skinAccentHover: #fe1c3d;
  --skinSuccessHover: #35a54a;
  --skinDangerHover: #f42020;
  --skinWarningHover: #eb7000;
  --skinPrimaryGradient: #8455e4;
  --skinSecondaryGradient: #2180c4;
  --skinAccentGradient: #fe304e;
  --skinSuccessGradient: #3ab451;
}