:root {
  --skinPrimary: #f22bcd;
  --skinAccent: #0980df;
  --skinSuccess: #089447;
  --skinDanger: #d02902;
  --skinWarning: #c27403;
  --skinHeader: #241522;
  --skinPrimaryLiteOnLight: #fde5f9;
  --skinAccentLiteOnLight: #e1effb;
  --skinSuccessLiteOnLight: #e1f2e8;
  --skinDangerLiteOnLight: #f9e5e0;
  --skinWarningLiteOnLight: #f7eee0;
  --skinPrimaryLiteOnDark: #1d0518;
  --skinAccentLiteOnDark: #010f1a;
  --skinSuccessLiteOnDark: #001108;
  --skinDangerLiteOnDark: #180400;
  --skinWarningLiteOnDark: #170d00;
  --skinPrimaryHover: #f118c8;
  --skinAccentHover: #0875cb;
  --skinSuccessHover: #07813e;
  --skinDangerHover: #bc2502;
  --skinWarningHover: #ae6803;
  --skinPrimaryGradient: #f22bcd;
  --skinAccentGradient: #0980df;
  --skinSuccessGradient: #089447;
}