:root {
  --skinPrimary: #c378ca;
  --skinAccent: #ff2f61;
  --skinSuccess: #0ebf60;
  --skinDanger: #ff3b2f;
  --skinWarning: #fd8211;
  --skinHeader: #331535;
  --skinPrimaryLiteOnLight: #f7eef8;
  --skinAccentLiteOnLight: #ffe6ec;
  --skinSuccessLiteOnLight: #e2f7eb;
  --skinDangerLiteOnLight: #ffe7e6;
  --skinWarningLiteOnLight: #fef0e2;
  --skinPrimaryLiteOnDark: #170e18;
  --skinAccentLiteOnDark: #1e050b;
  --skinSuccessLiteOnDark: #01160b;
  --skinDangerLiteOnDark: #1e0705;
  --skinWarningLiteOnDark: #1e0f02;
  --skinPrimaryHover: #bc69c4;
  --skinAccentHover: #ff1b52;
  --skinSuccessHover: #0dac56;
  --skinDangerHover: #ff281b;
  --skinWarningHover: #f87802;
  --skinPrimaryGradient: #c378ca;
  --skinAccentGradient: #ff2f61;
  --skinSuccessGradient: #0ebf60;
}