:root {
  --skinPrimary: #6e0fff;
  --skinSecondary: #2180c4;
  --skinAccent: #f00d59;
  --skinSuccess: #098521;
  --skinDanger: #b41905;
  --skinWarning: #d26f07;
  --skinHeader: #221330;
  --skinPrimaryLiteOnLight: #ede2ff;
  --skinSecondaryLiteOnLight: #e4eff7;
  --skinAccentLiteOnLight: #fde1eb;
  --skinSuccessLiteOnLight: #e1f0e4;
  --skinDangerLiteOnLight: #f6e3e1;
  --skinWarningLiteOnLight: #f9ede1;
  --skinPrimaryLiteOnDark: #0d011e;
  --skinSecondaryLiteOnDark: #030f17;
  --skinAccentLiteOnDark: #1c010a;
  --skinSuccessLiteOnDark: #010f03;
  --skinDangerLiteOnDark: #150300;
  --skinWarningLiteOnDark: #190d00;
  --skinPrimaryHover: #6300fa;
  --skinSecondaryHover: #1e75b3;
  --skinAccentHover: #dd0c52;
  --skinSuccessHover: #08721c;
  --skinDangerHover: #a01604;
  --skinWarningHover: #be6506;
  --skinPrimaryGradient: #6e0fff;
  --skinSecondaryGradient: #2180c4;
  --skinAccentGradient: #f00d59;
  --skinSuccessGradient: #098521;
}