:root {
  --skinPrimary: #8861f4;
  --skinAccent: #a688f9;
  --skinSuccess: #31b234;
  --skinDanger: #c62327;
  --skinWarning: #eeb040;
  --skinHeader: #352d2d;
  --skinPrimaryLiteOnLight: #f0ecfd;
  --skinAccentLiteOnLight: #f4f0fe;
  --skinSuccessLiteOnLight: #e6f5e6;
  --skinDangerLiteOnLight: #f8e4e5;
  --skinWarningLiteOnLight: #fcf5e8;
  --skinPrimaryLiteOnDark: #100b1d;
  --skinAccentLiteOnDark: #13101d;
  --skinSuccessLiteOnDark: #051506;
  --skinDangerLiteOnDark: #170404;
  --skinWarningLiteOnDark: #1c1507;
  --skinPrimaryHover: #7a4ef3;
  --skinAccentHover: #9775f8;
  --skinSuccessHover: #2da22f;
  --skinDangerHover: #b52024;
  --skinWarningHover: #eca82d;
  --skinPrimaryGradient: #8861f4;
  --skinAccentGradient: #a688f9;
  --skinSuccessGradient: #31b234;
}