:root {
  --skinPrimary: #312e81;
  --skinSecondary: #f8a008;
  --skinAccent: #a12600;
  --skinSuccess: #00b256;
  --skinDanger: #cd1649;
  --skinWarning: #ed7a3d;
  --skinHeader: #ffffff;
  --skinPrimaryLiteOnLight: #e6e5ef;
  --skinSecondaryLiteOnLight: #fef3e1;
  --skinAccentLiteOnLight: #f3e4e0;
  --skinSuccessLiteOnLight: #e0f5ea;
  --skinDangerLiteOnLight: #f9e3e9;
  --skinWarningLiteOnLight: #fcefe7;
  --skinPrimaryLiteOnDark: #05050f;
  --skinSecondaryLiteOnDark: #1d1300;
  --skinAccentLiteOnDark: #130400;
  --skinSuccessLiteOnDark: #00150a;
  --skinDangerLiteOnDark: #180208;
  --skinWarningLiteOnDark: #1c0e07;
  --skinPrimaryHover: #2b2972;
  --skinSecondaryHover: #e59306;
  --skinAccentHover: #8d2100;
  --skinSuccessHover: #009e4c;
  --skinDangerHover: #bb1442;
  --skinWarningHover: #eb6d2a;
  --skinPrimaryGradient: #312e81;
  --skinSecondaryGradient: #f8a008;
  --skinAccentGradient: #a12600;
  --skinSuccessGradient: #00b256;
}