:root {
  --skinPrimary: #8abade;
  --skinAccent: #de8ab9;
  --skinSuccess: #69d453;
  --skinDanger: #d83133;
  --skinWarning: #e4ec49;
  --skinHeader: #232429;
  --skinPrimaryLiteOnLight: #f0f6fb;
  --skinAccentLiteOnLight: #fbf0f6;
  --skinSuccessLiteOnLight: #edf9ea;
  --skinDangerLiteOnLight: #fae6e6;
  --skinWarningLiteOnLight: #fbfce9;
  --skinPrimaryLiteOnDark: #10161a;
  --skinAccentLiteOnDark: #1a1016;
  --skinSuccessLiteOnDark: #0c1909;
  --skinDangerLiteOnDark: #190506;
  --skinWarningLiteOnDark: #1b1c08;
  --skinPrimaryHover: #7ab1da;
  --skinAccentHover: #da7aaf;
  --skinSuccessHover: #5bd043;
  --skinDangerHover: #ce2729;
  --skinWarningHover: #e1ea37;
  --skinPrimaryGradient: #8abade;
  --skinAccentGradient: #de8ab9;
  --skinSuccessGradient: #69d453;
}