:root {
  --skinPrimary: #5f3797;
  --skinAccent: #2ec4d2;
  --skinSuccess: #63a70c;
  --skinDanger: #ca0a0a;
  --skinWarning: #ff9800;
  --skinHeader: #000;
  --skinPrimaryLiteOnLight: #ebe7f2;
  --skinAccentLiteOnLight: #e5f7f9;
  --skinSuccessLiteOnLight: #ecf4e1;
  --skinDangerLiteOnLight: #f8e1e1;
  --skinWarningLiteOnLight: #fff2e0;
  --skinPrimaryLiteOnDark: #0b0612;
  --skinAccentLiteOnDark: #051719;
  --skinSuccessLiteOnDark: #0b1401;
  --skinDangerLiteOnDark: #180101;
  --skinWarningLiteOnDark: #1e1200;
  --skinPrimaryHover: #563288;
  --skinAccentHover: #2ab5c2;
  --skinSuccessHover: #58940b;
  --skinDangerHover: #b70909;
  --skinWarningHover: #eb8c00;
  --skinPrimaryGradient: #5f3797;
  --skinAccentGradient: #2ec4d2;
  --skinSuccessGradient: #63a70c;
}