:root {
  --skinPrimary: #604df4;
  --skinAccent: #e400ff;
  --skinSuccess: #3bb90b;
  --skinDanger: #c52100;
  --skinWarning: #d7a604;
  --skinHeader: #022288;
  --skinPrimaryLiteOnLight: #ebe9fd;
  --skinAccentLiteOnLight: #fbe0ff;
  --skinSuccessLiteOnLight: #e7f6e1;
  --skinDangerLiteOnLight: #f8e4e0;
  --skinWarningLiteOnLight: #faf4e0;
  --skinPrimaryLiteOnDark: #0b091d;
  --skinAccentLiteOnDark: #1b001e;
  --skinSuccessLiteOnDark: #071601;
  --skinDangerLiteOnDark: #170300;
  --skinWarningLiteOnDark: #191300;
  --skinPrimaryHover: #4f3af3;
  --skinAccentHover: #d200eb;
  --skinSuccessHover: #35a60a;
  --skinDangerHover: #b11e00;
  --skinWarningHover: #c39704;
  --skinPrimaryGradient: #604df4;
  --skinAccentGradient: #e400ff;
  --skinSuccessGradient: #3bb90b;
}