:root {
  --skinPrimary: #365cca;
  --skinAccent: #d643e3;
  --skinSuccess: #38a936;
  --skinDanger: #d82727;
  --skinWarning: #d78f03;
  --skinHeader: #501558;
  --skinPrimaryLiteOnLight: #e6ebf8;
  --skinAccentLiteOnLight: #fae8fb;
  --skinSuccessLiteOnLight: #e7f4e6;
  --skinDangerLiteOnLight: #fae5e5;
  --skinWarningLiteOnLight: #faf1e0;
  --skinPrimaryLiteOnDark: #060b18;
  --skinAccentLiteOnDark: #19081b;
  --skinSuccessLiteOnDark: #061406;
  --skinDangerLiteOnDark: #190404;
  --skinWarningLiteOnDark: #191100;
  --skinPrimaryHover: #3154ba;
  --skinAccentHover: #d231e0;
  --skinSuccessHover: #339a31;
  --skinDangerHover: #c72424;
  --skinWarningHover: #c38203;
  --skinPrimaryGradient: #365cca;
  --skinAccentGradient: #d643e3;
  --skinSuccessGradient: #38a936;
}