:root {
  --skinPrimary: #1f7a4d;
  --skinSecondary: #2180c4;
  --skinAccent: #c74473;
  --skinSuccess: #22a651;
  --skinDanger: #c92c43;
  --skinWarning: #c8a520;
  --skinHeader: #c9972c;
  --skinPrimaryLiteOnLight: #e4efe9;
  --skinSecondaryLiteOnLight: #e4eff7;
  --skinAccentLiteOnLight: #f8e8ee;
  --skinSuccessLiteOnLight: #e4f4ea;
  --skinDangerLiteOnLight: #f8e5e8;
  --skinWarningLiteOnLight: #f8f4e4;
  --skinPrimaryLiteOnDark: #030e09;
  --skinSecondaryLiteOnDark: #030f17;
  --skinAccentLiteOnDark: #17080d;
  --skinSuccessLiteOnDark: #041309;
  --skinDangerLiteOnDark: #180508;
  --skinWarningLiteOnDark: #181303;
  --skinPrimaryHover: #1b6a43;
  --skinSecondaryHover: #1e75b3;
  --skinAccentHover: #be3969;
  --skinSuccessHover: #1f9549;
  --skinDangerHover: #b8283d;
  --skinWarningHover: #b6961d;
  --skinPrimaryGradient: #1f7a4d;
  --skinSecondaryGradient: #2180c4;
  --skinAccentGradient: #c74473;
  --skinSuccessGradient: #22a651;
}