:root {
  --skinPrimary: #c264c3;
  --skinAccent: #e94b80;
  --skinSuccess: #86b500;
  --skinDanger: #e94b4b;
  --skinWarning: #dbab07;
  --skinHeader: #7a1f7c;
  --skinPrimaryLiteOnLight: #f7ecf7;
  --skinAccentLiteOnLight: #fce9ef;
  --skinSuccessLiteOnLight: #f0f6e0;
  --skinDangerLiteOnLight: #fce9e9;
  --skinWarningLiteOnLight: #faf4e1;
  --skinPrimaryLiteOnDark: #170c17;
  --skinAccentLiteOnDark: #1b090f;
  --skinSuccessLiteOnDark: #101500;
  --skinDangerLiteOnDark: #1b0909;
  --skinWarningLiteOnDark: #1a1400;
  --skinPrimaryHover: #bc55bd;
  --skinAccentHover: #e73973;
  --skinSuccessHover: #77a100;
  --skinDangerHover: #e73939;
  --skinWarningHover: #c79c06;
  --skinPrimaryGradient: #c264c3;
  --skinAccentGradient: #e94b80;
  --skinSuccessGradient: #86b500;
}