:root {
  --skinPrimary: #9e216e;
  --skinAccent: #ef626b;
  --skinSuccess: #3cb971;
  --skinDanger: #ce1b1b;
  --skinWarning: #f5a72a;
  --skinHeader: #282324;
  --skinPrimaryLiteOnLight: #f3e4ed;
  --skinAccentLiteOnLight: #fdeced;
  --skinSuccessLiteOnLight: #e7f6ed;
  --skinDangerLiteOnLight: #f9e3e3;
  --skinWarningLiteOnLight: #fdf4e5;
  --skinPrimaryLiteOnDark: #12030d;
  --skinAccentLiteOnDark: #1c0b0c;
  --skinSuccessLiteOnDark: #07160d;
  --skinDangerLiteOnDark: #180303;
  --skinWarningLiteOnDark: #1d1405;
  --skinPrimaryHover: #8d1d62;
  --skinAccentHover: #ed4f5a;
  --skinSuccessHover: #37aa68;
  --skinDangerHover: #bc1919;
  --skinWarningHover: #f49f17;
  --skinPrimaryGradient: #9e216e;
  --skinAccentGradient: #ef626b;
  --skinSuccessGradient: #3cb971;
}