:root {
  --skinPrimary: #3196d6;
  --skinAccent: #cf4242;
  --skinSuccess: #23be2a;
  --skinDanger: #c60c0c;
  --skinWarning: #ddab00;
  --skinHeader: #2f207b;
  --skinPrimaryLiteOnLight: #e6f2fa;
  --skinAccentLiteOnLight: #f9e8e8;
  --skinSuccessLiteOnLight: #e4f7e5;
  --skinDangerLiteOnLight: #f8e1e1;
  --skinWarningLiteOnLight: #faf4e0;
  --skinPrimaryLiteOnDark: #051219;
  --skinAccentLiteOnDark: #180707;
  --skinSuccessLiteOnDark: #041605;
  --skinDangerLiteOnDark: #170101;
  --skinWarningLiteOnDark: #1a1400;
  --skinPrimaryHover: #288bca;
  --skinAccentHover: #c93333;
  --skinSuccessHover: #20ad26;
  --skinDangerHover: #b30b0b;
  --skinWarningHover: #c99b00;
  --skinPrimaryGradient: #3196d6;
  --skinAccentGradient: #cf4242;
  --skinSuccessGradient: #23be2a;
}