:root {
  --skinPrimary: #31a0d9;
  --skinSecondary: #2180c4;
  --skinAccent: #d5286a;
  --skinSuccess: #52c11d;
  --skinDanger: #ec002a;
  --skinWarning: #f37a09;
  --skinHeader: #540724;
  --skinPrimaryLiteOnLight: #e6f3fa;
  --skinSecondaryLiteOnLight: #e4eff7;
  --skinAccentLiteOnLight: #f9e5ed;
  --skinSuccessLiteOnLight: #eaf7e3;
  --skinDangerLiteOnLight: #fce0e5;
  --skinWarningLiteOnLight: #fdefe1;
  --skinPrimaryLiteOnDark: #05131a;
  --skinSecondaryLiteOnDark: #030f17;
  --skinAccentLiteOnDark: #19040c;
  --skinSuccessLiteOnDark: #091703;
  --skinDangerLiteOnDark: #1c0005;
  --skinWarningLiteOnDark: #1d0e01;
  --skinPrimaryHover: #2696cf;
  --skinSecondaryHover: #1e75b3;
  --skinAccentHover: #c42561;
  --skinSuccessHover: #4aaf1a;
  --skinDangerHover: #d80026;
  --skinWarningHover: #df7008;
  --skinPrimaryGradient: #31a0d9;
  --skinSecondaryGradient: #2180c4;
  --skinAccentGradient: #d5286a;
  --skinSuccessGradient: #52c11d;
}