:root {
  --skinPrimary: #4a71c1;
  --skinAccent: #cd145a;
  --skinSuccess: #54b228;
  --skinDanger: #cd142a;
  --skinWarning: #ccb304;
  --skinHeader: #17243f;
  --skinPrimaryLiteOnLight: #e9edf7;
  --skinAccentLiteOnLight: #f9e2eb;
  --skinSuccessLiteOnLight: #eaf5e5;
  --skinDangerLiteOnLight: #f9e2e5;
  --skinWarningLiteOnLight: #f8f5e0;
  --skinPrimaryLiteOnDark: #080d17;
  --skinAccentLiteOnDark: #18020a;
  --skinSuccessLiteOnDark: #0a1504;
  --skinDangerLiteOnDark: #180205;
  --skinWarningLiteOnDark: #181500;
  --skinPrimaryHover: #3f66b8;
  --skinAccentHover: #ba1252;
  --skinSuccessHover: #4ca124;
  --skinDangerHover: #ba1226;
  --skinWarningHover: #b8a104;
  --skinPrimaryGradient: #4a71c1;
  --skinAccentGradient: #cd145a;
  --skinSuccessGradient: #54b228;
}