:root {
  --skinPrimary: #5b5348;
  --skinSecondary: #bd7400;
  --skinAccent: #c76461;
  --skinSuccess: #00aa57;
  --skinDanger: #be1d43;
  --skinWarning: #e66d2c;
  --skinHeader: #ffffff;
  --skinPrimaryLiteOnLight: #ebeae9;
  --skinSecondaryLiteOnLight: #f7eee0;
  --skinAccentLiteOnLight: #f8ecec;
  --skinSuccessLiteOnLight: #e0f4ea;
  --skinDangerLiteOnLight: #f7e3e8;
  --skinWarningLiteOnLight: #fcede5;
  --skinPrimaryLiteOnDark: #0a0908;
  --skinSecondaryLiteOnDark: #160d00;
  --skinAccentLiteOnDark: #170c0b;
  --skinSuccessLiteOnDark: #00140a;
  --skinDangerLiteOnDark: #160308;
  --skinWarningLiteOnDark: #1b0d05;
  --skinPrimaryHover: #50493f;
  --skinSecondaryHover: #a96700;
  --skinAccentHover: #c25552;
  --skinSuccessHover: #00964d;
  --skinDangerHover: #ac1a3d;
  --skinWarningHover: #e3611b;
  --skinPrimaryGradient: #5b5348;
  --skinSecondaryGradient: #bd7400;
  --skinAccentGradient: #c76461;
  --skinSuccessGradient: #00aa57;
}