:root {
  --skinPrimary: #4785c1;
  --skinAccent: #af32ce;
  --skinSuccess: #52ae3d;
  --skinDanger: #d31766;
  --skinWarning: #f5a72a;
  --skinHeader: #2c1b4f;
  --skinPrimaryLiteOnLight: #e8f0f7;
  --skinAccentLiteOnLight: #f5e6f9;
  --skinSuccessLiteOnLight: #eaf5e7;
  --skinDangerLiteOnLight: #f9e3ec;
  --skinWarningLiteOnLight: #fdf4e5;
  --skinPrimaryLiteOnDark: #080f17;
  --skinAccentLiteOnDark: #150618;
  --skinSuccessLiteOnDark: #091407;
  --skinDangerLiteOnDark: #19020c;
  --skinWarningLiteOnDark: #1d1405;
  --skinPrimaryHover: #3d7bb6;
  --skinAccentHover: #a12dbe;
  --skinSuccessHover: #4b9f38;
  --skinDangerHover: #c1155d;
  --skinWarningHover: #f49f17;
  --skinPrimaryGradient: #4785c1;
  --skinAccentGradient: #af32ce;
  --skinSuccessGradient: #52ae3d;
}