:root {
  --skinPrimary: #6f2d78;
  --skinSecondary: #2180c4;
  --skinAccent: #9b4d96;
  --skinSuccess: #289f7c;
  --skinDanger: #c2202b;
  --skinWarning: #c0a01f;
  --skinHeader: #b7832a;
  --skinPrimaryLiteOnLight: #ede5ee;
  --skinSecondaryLiteOnLight: #e4eff7;
  --skinAccentLiteOnLight: #f3e9f2;
  --skinSuccessLiteOnLight: #e5f3ef;
  --skinDangerLiteOnLight: #f7e4e5;
  --skinWarningLiteOnLight: #f7f3e4;
  --skinPrimaryLiteOnDark: #0d050e;
  --skinSecondaryLiteOnDark: #030f17;
  --skinAccentLiteOnDark: #120912;
  --skinSuccessLiteOnDark: #04130e;
  --skinDangerLiteOnDark: #170305;
  --skinWarningLiteOnDark: #171303;
  --skinPrimaryHover: #612769;
  --skinSecondaryHover: #1e75b3;
  --skinAccentHover: #8d4689;
  --skinSuccessHover: #248f6f;
  --skinDangerHover: #b01d27;
  --skinWarningHover: #ae911c;
  --skinPrimaryGradient: #6f2d78;
  --skinSecondaryGradient: #2180c4;
  --skinAccentGradient: #9b4d96;
  --skinSuccessGradient: #289f7c;
}