:root {
  --skinPrimary: #3b69a0;
  --skinAccent: #fa428b;
  --skinSuccess: #12b749;
  --skinDanger: #db3326;
  --skinWarning: #f6791e;
  --skinHeader: #861d47;
  --skinPrimaryLiteOnLight: #e7edf3;
  --skinAccentLiteOnLight: #fee8f1;
  --skinSuccessLiteOnLight: #e2f6e9;
  --skinDangerLiteOnLight: #fae6e4;
  --skinWarningLiteOnLight: #fdeee4;
  --skinPrimaryLiteOnDark: #070c13;
  --skinAccentLiteOnDark: #1e0710;
  --skinSuccessLiteOnDark: #021508;
  --skinDangerLiteOnDark: #1a0604;
  --skinWarningLiteOnDark: #1d0e03;
  --skinPrimaryHover: #365f91;
  --skinAccentHover: #f92e7f;
  --skinSuccessHover: #10a442;
  --skinDangerHover: #cb2e22;
  --skinWarningHover: #f56d0a;
  --skinPrimaryGradient: #3b69a0;
  --skinAccentGradient: #fa428b;
  --skinSuccessGradient: #12b749;
}