:root {
  --skinPrimary: #c74473;
  --skinSecondary: #2180c4;
  --skinAccent: #e98a5b;
  --skinSuccess: #21b36a;
  --skinDanger: #dc412a;
  --skinWarning: #e39b14;
  --skinHeader: #5d87d6;
  --skinPrimaryLiteOnLight: #f8e8ee;
  --skinSecondaryLiteOnLight: #e4eff7;
  --skinAccentLiteOnLight: #fcf0eb;
  --skinSuccessLiteOnLight: #e4f5ed;
  --skinDangerLiteOnLight: #fae8e5;
  --skinWarningLiteOnLight: #fbf3e2;
  --skinPrimaryLiteOnDark: #17080d;
  --skinSecondaryLiteOnDark: #030f17;
  --skinAccentLiteOnDark: #1b100a;
  --skinSuccessLiteOnDark: #03150c;
  --skinDangerLiteOnDark: #1a0705;
  --skinWarningLiteOnDark: #1b1202;
  --skinPrimaryHover: #be3969;
  --skinSecondaryHover: #1e75b3;
  --skinAccentHover: #e77d49;
  --skinSuccessHover: #1ea260;
  --skinDangerHover: #d03922;
  --skinWarningHover: #d08e12;
  --skinPrimaryGradient: #c74473;
  --skinSecondaryGradient: #2180c4;
  --skinAccentGradient: #e98a5b;
  --skinSuccessGradient: #21b36a;
}