:root {
  --skinPrimary: #3474cb;
  --skinAccent: #f54141;
  --skinSuccess: #69b916;
  --skinDanger: #f54141;
  --skinWarning: #caa102;
  --skinHeader: #16355f;
  --skinPrimaryLiteOnLight: #e6eef8;
  --skinAccentLiteOnLight: #fde8e8;
  --skinSuccessLiteOnLight: #edf6e3;
  --skinDangerLiteOnLight: #fde8e8;
  --skinWarningLiteOnLight: #f8f3e0;
  --skinPrimaryLiteOnDark: #060d18;
  --skinAccentLiteOnDark: #1d0707;
  --skinSuccessLiteOnDark: #0c1602;
  --skinDangerLiteOnDark: #1d0707;
  --skinWarningLiteOnDark: #181300;
  --skinPrimaryHover: #306bbb;
  --skinAccentHover: #f42e2e;
  --skinSuccessHover: #5fa714;
  --skinDangerHover: #f42e2e;
  --skinWarningHover: #b69102;
  --skinPrimaryGradient: #3474cb;
  --skinAccentGradient: #f54141;
  --skinSuccessGradient: #69b916;
}