:root {
  --skinPrimary: #7d18fe;
  --skinAccent: #1c9b84;
  --skinSuccess: #56cc43;
  --skinDanger: #dd1237;
  --skinWarning: #e2b71f;
  --skinHeader: #270869;
  --skinPrimaryLiteOnLight: #efe3fe;
  --skinAccentLiteOnLight: #e3f3f0;
  --skinSuccessLiteOnLight: #eaf8e8;
  --skinDangerLiteOnLight: #fae2e7;
  --skinWarningLiteOnLight: #fbf6e4;
  --skinPrimaryLiteOnDark: #0f021e;
  --skinAccentLiteOnDark: #03120f;
  --skinSuccessLiteOnDark: #0a1808;
  --skinDangerLiteOnDark: #1a0206;
  --skinWarningLiteOnDark: #1b1503;
  --skinPrimaryHover: #7204fe;
  --skinAccentHover: #198a75;
  --skinSuccessHover: #49c535;
  --skinDangerHover: #ca1032;
  --skinWarningHover: #d1a91b;
  --skinPrimaryGradient: #7d18fe;
  --skinAccentGradient: #1c9b84;
  --skinSuccessGradient: #56cc43;
}