:root {
  --skinPrimary: #5f81bc;
  --skinSecondary: #4b70a9;
  --skinAccent: #c1a109;
  --skinSuccess: #08bb5f;
  --skinDanger: #d6355c;
  --skinWarning: #fa8d5e;
  --skinHeader: #ffffff;
  --skinPrimaryLiteOnLight: #ebeff6;
  --skinSecondaryLiteOnLight: #e9edf4;
  --skinAccentLiteOnLight: #f7f3e1;
  --skinSuccessLiteOnLight: #e1f6eb;
  --skinDangerLiteOnLight: #fae6eb;
  --skinWarningLiteOnLight: #fef1eb;
  --skinPrimaryLiteOnDark: #0b0f16;
  --skinSecondaryLiteOnDark: #090d14;
  --skinAccentLiteOnDark: #171301;
  --skinSuccessLiteOnDark: #00160b;
  --skinDangerLiteOnDark: #19060b;
  --skinWarningLiteOnDark: #1e100b;
  --skinPrimaryHover: #5176b6;
  --skinSecondaryHover: #45679b;
  --skinAccentHover: #ae9108;
  --skinSuccessHover: #07a755;
  --skinDangerHover: #cd2a51;
  --skinWarningHover: #f97f4a;
  --skinPrimaryGradient: #5f81bc;
  --skinSecondaryGradient: #4b70a9;
  --skinAccentGradient: #c1a109;
  --skinSuccessGradient: #08bb5f;
}