:root {
  --skinPrimary: #01a3cb;
  --skinAccent: #c400ab;
  --skinSuccess: #6bb73c;
  --skinDanger: #ce2342;
  --skinWarning: #dba418;
  --skinHeader: #282355;
  --skinPrimaryLiteOnLight: #e0f3f8;
  --skinAccentLiteOnLight: #f7e0f4;
  --skinSuccessLiteOnLight: #edf6e7;
  --skinDangerLiteOnLight: #f9e4e8;
  --skinWarningLiteOnLight: #faf4e3;
  --skinPrimaryLiteOnDark: #001318;
  --skinAccentLiteOnDark: #170014;
  --skinSuccessLiteOnDark: #0c1507;
  --skinDangerLiteOnDark: #180407;
  --skinWarningLiteOnDark: #1a1302;
  --skinPrimaryHover: #0193b7;
  --skinAccentHover: #b00099;
  --skinSuccessHover: #62a837;
  --skinDangerHover: #bd203c;
  --skinWarningHover: #c99616;
  --skinPrimaryGradient: #01a3cb;
  --skinAccentGradient: #c400ab;
  --skinSuccessGradient: #6bb73c;
}