:root {
  --skinPrimary: #7c3aed;
  --skinSecondary: #402a59;
  --skinAccent: #86b900;
  --skinSuccess: #00ba5b;
  --skinDanger: #da0f48;
  --skinWarning: #fd7f2f;
  --skinHeader: #ffffff;
  --skinPrimaryLiteOnLight: #efe7fc;
  --skinSecondaryLiteOnLight: #e8e5eb;
  --skinAccentLiteOnLight: #f0f6e0;
  --skinSuccessLiteOnLight: #e0f6eb;
  --skinDangerLiteOnLight: #fae2e9;
  --skinWarningLiteOnLight: #feefe6;
  --skinPrimaryLiteOnDark: #0e061c;
  --skinSecondaryLiteOnDark: #07050a;
  --skinAccentLiteOnDark: #101600;
  --skinSuccessLiteOnDark: #00160a;
  --skinDangerLiteOnDark: #1a0108;
  --skinWarningLiteOnDark: #1e0f05;
  --skinPrimaryHover: #7027eb;
  --skinSecondaryHover: #36234b;
  --skinAccentHover: #77a500;
  --skinSuccessHover: #00a651;
  --skinDangerHover: #c70e42;
  --skinWarningHover: #fd731b;
  --skinPrimaryGradient: #7c3aed;
  --skinSecondaryGradient: #402a59;
  --skinAccentGradient: #86b900;
  --skinSuccessGradient: #00ba5b;
}