:root {
  --skinPrimary: #5e799f;
  --skinSecondary: #475569;
  --skinAccent: #a18500;
  --skinSuccess: #0db95d;
  --skinDanger: #d4335b;
  --skinWarning: #f78b5d;
  --skinHeader: #ffffff;
  --skinPrimaryLiteOnLight: #ebeef3;
  --skinSecondaryLiteOnLight: #e8eaed;
  --skinAccentLiteOnLight: #f3f0e0;
  --skinSuccessLiteOnLight: #e1f6eb;
  --skinDangerLiteOnLight: #f9e6eb;
  --skinWarningLiteOnLight: #fef1eb;
  --skinPrimaryLiteOnDark: #0b0e13;
  --skinSecondaryLiteOnDark: #080a0c;
  --skinAccentLiteOnDark: #130f00;
  --skinSuccessLiteOnDark: #01160b;
  --skinDangerLiteOnDark: #19060a;
  --skinWarningLiteOnDark: #1d100b;
  --skinPrimaryHover: #566f92;
  --skinSecondaryHover: #3f4b5d;
  --skinAccentHover: #8d7400;
  --skinSuccessHover: #0ca653;
  --skinDangerHover: #c82a52;
  --skinWarningHover: #f67d4a;
  --skinPrimaryGradient: #5e799f;
  --skinSecondaryGradient: #475569;
  --skinAccentGradient: #a18500;
  --skinSuccessGradient: #0db95d;
}