:root {
  --skinPrimary: #1354cd;
  --skinAccent: #ad00cc;
  --skinSuccess: #05ad0d;
  --skinDanger: #cc1e05;
  --skinWarning: #ba6f05;
  --skinHeader: #182338;
  --skinPrimaryLiteOnLight: #e2eaf9;
  --skinAccentLiteOnLight: #f5e0f8;
  --skinSuccessLiteOnLight: #e1f5e1;
  --skinDangerLiteOnLight: #f8e4e1;
  --skinWarningLiteOnLight: #f6ede1;
  --skinPrimaryLiteOnDark: #020a18;
  --skinAccentLiteOnDark: #140018;
  --skinSuccessLiteOnDark: #001401;
  --skinDangerLiteOnDark: #180300;
  --skinWarningLiteOnDark: #160d00;
  --skinPrimaryHover: #114cba;
  --skinAccentHover: #9c00b8;
  --skinSuccessHover: #04990c;
  --skinDangerHover: #b81b05;
  --skinWarningHover: #a66304;
  --skinPrimaryGradient: #1354cd;
  --skinAccentGradient: #ad00cc;
  --skinSuccessGradient: #05ad0d;
}