:root {
  --skinPrimary: #5f69d1;
  --skinAccent: #e73d81;
  --skinSuccess: #17be64;
  --skinDanger: #cd3a2f;
  --skinWarning: #f5a72a;
  --skinHeader: #283044;
  --skinPrimaryLiteOnLight: #ebedf9;
  --skinAccentLiteOnLight: #fce7ef;
  --skinSuccessLiteOnLight: #e3f7ec;
  --skinDangerLiteOnLight: #f9e7e6;
  --skinWarningLiteOnLight: #fdf4e5;
  --skinPrimaryLiteOnDark: #0b0c19;
  --skinAccentLiteOnDark: #1b070f;
  --skinSuccessLiteOnDark: #02160c;
  --skinDangerLiteOnDark: #180605;
  --skinWarningLiteOnDark: #1d1405;
  --skinPrimaryHover: #4f5acc;
  --skinAccentHover: #e52b75;
  --skinSuccessHover: #15ac5a;
  --skinDangerHover: #bc352b;
  --skinWarningHover: #f49f17;
  --skinPrimaryGradient: #5f69d1;
  --skinAccentGradient: #e73d81;
  --skinSuccessGradient: #17be64;
}