:root {
  --skinPrimary: #f31662;
  --skinSecondary: #38c4cb;
  --skinAccent: #f1a102;
  --skinSuccess: #7aaf00;
  --skinDanger: #df1e2c;
  --skinWarning: #fa8c00;
  --skinHeader: #ffffff;
  --skinPrimaryLiteOnLight: #fde3ec;
  --skinSecondaryLiteOnLight: #e7f7f8;
  --skinAccentLiteOnLight: #fdf3e0;
  --skinSuccessLiteOnLight: #eff5e0;
  --skinDangerLiteOnLight: #fbe4e5;
  --skinWarningLiteOnLight: #fef1e0;
  --skinPrimaryLiteOnDark: #1d020b;
  --skinSecondaryLiteOnDark: #061718;
  --skinAccentLiteOnDark: #1c1300;
  --skinSuccessLiteOnDark: #0e1500;
  --skinDangerLiteOnDark: #1a0305;
  --skinWarningLiteOnDark: #1e1000;
  --skinPrimaryHover: #e90c58;
  --skinSecondaryHover: #31b7bd;
  --skinAccentHover: #dd9302;
  --skinSuccessHover: #6c9b00;
  --skinDangerHover: #cd1c28;
  --skinWarningHover: #e68100;
  --skinPrimaryGradient: #f31662;
  --skinSecondaryGradient: #38c4cb;
  --skinAccentGradient: #f1a102;
  --skinSuccessGradient: #7aaf00;
}