:root {
  --skinPrimary: #5974d9;
  --skinSecondary: #2180c4;
  --skinAccent: #ff9b00;
  --skinSuccess: #54b508;
  --skinDanger: #cc082b;
  --skinWarning: #d27e00;
  --skinHeader: #212534;
  --skinPrimaryLiteOnLight: #ebeefa;
  --skinSecondaryLiteOnLight: #e4eff7;
  --skinAccentLiteOnLight: #fff3e0;
  --skinSuccessLiteOnLight: #eaf6e1;
  --skinDangerLiteOnLight: #f8e1e5;
  --skinWarningLiteOnLight: #f9efe0;
  --skinPrimaryLiteOnDark: #0a0d1a;
  --skinSecondaryLiteOnDark: #030f17;
  --skinAccentLiteOnDark: #1e1200;
  --skinSuccessLiteOnDark: #0a1500;
  --skinDangerLiteOnDark: #180005;
  --skinWarningLiteOnDark: #190f00;
  --skinPrimaryHover: #4866d5;
  --skinSecondaryHover: #1e75b3;
  --skinAccentHover: #eb8f00;
  --skinSuccessHover: #4ba107;
  --skinDangerHover: #b80727;
  --skinWarningHover: #be7200;
  --skinPrimaryGradient: #5974d9;
  --skinSecondaryGradient: #2180c4;
  --skinAccentGradient: #ff9b00;
  --skinSuccessGradient: #54b508;
}