:root {
  --skinPrimary: #564794;
  --skinSecondary: #ef5245;
  --skinAccent: #40c0c0;
  --skinSuccess: #21b04a;
  --skinDanger: #c9245e;
  --skinWarning: #c39c00;
  --skinHeader: #ffffff;
  --skinPrimaryLiteOnLight: #eae8f2;
  --skinSecondaryLiteOnLight: #fdeae8;
  --skinAccentLiteOnLight: #e8f7f7;
  --skinSuccessLiteOnLight: #e4f5e9;
  --skinDangerLiteOnLight: #f8e4eb;
  --skinWarningLiteOnLight: #f7f3e0;
  --skinPrimaryLiteOnDark: #0a0811;
  --skinSecondaryLiteOnDark: #1c0908;
  --skinAccentLiteOnDark: #071717;
  --skinSuccessLiteOnDark: #031508;
  --skinDangerLiteOnDark: #18040b;
  --skinWarningLiteOnDark: #171200;
  --skinPrimaryHover: #4e4086;
  --skinSecondaryHover: #ed4132;
  --skinAccentHover: #3ab1b1;
  --skinSuccessHover: #1e9f43;
  --skinDangerHover: #b82156;
  --skinWarningHover: #af8c00;
  --skinPrimaryGradient: #564794;
  --skinSecondaryGradient: #ef5245;
  --skinAccentGradient: #40c0c0;
  --skinSuccessGradient: #21b04a;
}