:root {
  --skinPrimary: #4b596e;
  --skinSecondary: #d46000;
  --skinAccent: #ff7300;
  --skinSuccess: #00b357;
  --skinDanger: #cb2a55;
  --skinWarning: #ec8255;
  --skinHeader: #ffffff;
  --skinPrimaryLiteOnLight: #e9ebed;
  --skinSecondaryLiteOnLight: #f9ebe0;
  --skinAccentLiteOnLight: #ffeee0;
  --skinSuccessLiteOnLight: #e0f5ea;
  --skinDangerLiteOnLight: #f8e5ea;
  --skinWarningLiteOnLight: #fcf0ea;
  --skinPrimaryLiteOnDark: #090a0d;
  --skinSecondaryLiteOnDark: #190b00;
  --skinAccentLiteOnDark: #1e0d00;
  --skinSuccessLiteOnDark: #00150a;
  --skinDangerLiteOnDark: #18050a;
  --skinWarningLiteOnDark: #1c0f0a;
  --skinPrimaryHover: #434f62;
  --skinSecondaryHover: #c05700;
  --skinAccentHover: #eb6a00;
  --skinSuccessHover: #009f4d;
  --skinDangerHover: #ba274e;
  --skinWarningHover: #ea7543;
  --skinPrimaryGradient: #4b596e;
  --skinSecondaryGradient: #d46000;
  --skinAccentGradient: #ff7300;
  --skinSuccessGradient: #00b357;
}