:root {
  --skinPrimary: #cd47a6;
  --skinAccent: #ff89dd;
  --skinSuccess: #47cd74;
  --skinDanger: #dd2f2f;
  --skinWarning: #f5a72a;
  --skinHeader: #100c0f;
  --skinPrimaryLiteOnLight: #f9e8f4;
  --skinAccentLiteOnLight: #fff0fa;
  --skinSuccessLiteOnLight: #e8f9ee;
  --skinDangerLiteOnLight: #fae6e6;
  --skinWarningLiteOnLight: #fdf4e5;
  --skinPrimaryLiteOnDark: #180813;
  --skinAccentLiteOnDark: #1e101a;
  --skinSuccessLiteOnDark: #08180d;
  --skinDangerLiteOnDark: #1a0505;
  --skinWarningLiteOnDark: #1d1405;
  --skinPrimaryHover: #c9379e;
  --skinAccentHover: #ff75d7;
  --skinSuccessHover: #37c968;
  --skinDangerHover: #d52323;
  --skinWarningHover: #f49f17;
  --skinPrimaryGradient: #cd47a6;
  --skinAccentGradient: #ff89dd;
  --skinSuccessGradient: #47cd74;
}