:root {
  --skinPrimary: #ff0677;
  --skinSecondary: #2180c4;
  --skinAccent: #720dc7;
  --skinSuccess: #069938;
  --skinDanger: #cb1a04;
  --skinWarning: #f27502;
  --skinHeader: #180c11;
  --skinPrimaryLiteOnLight: #ffe1ee;
  --skinSecondaryLiteOnLight: #e4eff7;
  --skinAccentLiteOnLight: #eee1f8;
  --skinSuccessLiteOnLight: #e1f2e7;
  --skinDangerLiteOnLight: #f8e3e0;
  --skinWarningLiteOnLight: #fdeee0;
  --skinPrimaryLiteOnDark: #1e000e;
  --skinSecondaryLiteOnDark: #030f17;
  --skinAccentLiteOnDark: #0d0117;
  --skinSuccessLiteOnDark: #001206;
  --skinDangerLiteOnDark: #180300;
  --skinWarningLiteOnDark: #1d0e00;
  --skinPrimaryHover: #f1006d;
  --skinSecondaryHover: #1e75b3;
  --skinAccentHover: #670cb4;
  --skinSuccessHover: #058531;
  --skinDangerHover: #b71704;
  --skinWarningHover: #de6b02;
  --skinPrimaryGradient: #ff0677;
  --skinSecondaryGradient: #2180c4;
  --skinAccentGradient: #720dc7;
  --skinSuccessGradient: #069938;
}