:root {
  --skinPrimary: #12bf86;
  --skinSecondary: #b930c3;
  --skinAccent: #d93da3;
  --skinSuccess: #46b93e;
  --skinDanger: #d93e00;
  --skinWarning: #dfa300;
  --skinHeader: #ffffff;
  --skinPrimaryLiteOnLight: #e2f7f0;
  --skinSecondaryLiteOnLight: #f6e6f7;
  --skinAccentLiteOnLight: #fae7f3;
  --skinSuccessLiteOnLight: #e8f6e7;
  --skinDangerLiteOnLight: #fae7e0;
  --skinWarningLiteOnLight: #fbf3e0;
  --skinPrimaryLiteOnDark: #021610;
  --skinSecondaryLiteOnDark: #160517;
  --skinAccentLiteOnDark: #1a0713;
  --skinSuccessLiteOnDark: #081607;
  --skinDangerLiteOnDark: #1a0700;
  --skinWarningLiteOnDark: #1a1300;
  --skinPrimaryHover: #10ac79;
  --skinSecondaryHover: #a92cb3;
  --skinAccentHover: #d62c9b;
  --skinSuccessHover: #40aa39;
  --skinDangerHover: #c53800;
  --skinWarningHover: #cb9400;
  --skinPrimaryGradient: #12bf86;
  --skinSecondaryGradient: #b930c3;
  --skinAccentGradient: #d93da3;
  --skinSuccessGradient: #46b93e;
}