:root {
  --skinPrimary: #4566e0;
  --skinAccent: #d62162;
  --skinSuccess: #46bd3c;
  --skinDanger: #cd2e2e;
  --skinWarning: #fe9c08;
  --skinHeader: #0f0f0f;
  --skinPrimaryLiteOnLight: #e8ecfb;
  --skinAccentLiteOnLight: #fae4ec;
  --skinSuccessLiteOnLight: #e8f7e7;
  --skinDangerLiteOnLight: #f9e5e5;
  --skinWarningLiteOnLight: #fef3e1;
  --skinPrimaryLiteOnDark: #080c1a;
  --skinAccentLiteOnDark: #19030b;
  --skinSuccessLiteOnDark: #081607;
  --skinDangerLiteOnDark: #180505;
  --skinWarningLiteOnDark: #1e1200;
  --skinPrimaryHover: #3458dd;
  --skinAccentHover: #c41e5a;
  --skinSuccessHover: #40ae37;
  --skinDangerHover: #bc2a2a;
  --skinWarningHover: #f19101;
  --skinPrimaryGradient: #4566e0;
  --skinAccentGradient: #d62162;
  --skinSuccessGradient: #46bd3c;
}