:root {
  --skinPrimary: #06b6d4;
  --skinSecondary: #f43f5e;
  --skinAccent: #f12602;
  --skinSuccess: #2abb4f;
  --skinDanger: #d92e68;
  --skinWarning: #d5aa00;
  --skinHeader: #ffffff;
  --skinPrimaryLiteOnLight: #e1f6f9;
  --skinSecondaryLiteOnLight: #fde7eb;
  --skinAccentLiteOnLight: #fde4e0;
  --skinSuccessLiteOnLight: #e5f6e9;
  --skinDangerLiteOnLight: #fae5ec;
  --skinWarningLiteOnLight: #f9f4e0;
  --skinPrimaryLiteOnDark: #001519;
  --skinSecondaryLiteOnDark: #1d070b;
  --skinAccentLiteOnDark: #1c0400;
  --skinSuccessLiteOnDark: #051609;
  --skinDangerLiteOnDark: #1a050c;
  --skinWarningLiteOnDark: #191400;
  --skinPrimaryHover: #05a5c0;
  --skinSecondaryHover: #f32c4e;
  --skinAccentHover: #dd2302;
  --skinSuccessHover: #26aa48;
  --skinDangerHover: #cd255e;
  --skinWarningHover: #c19a00;
  --skinPrimaryGradient: #06b6d4;
  --skinSecondaryGradient: #f43f5e;
  --skinAccentGradient: #f12602;
  --skinSuccessGradient: #2abb4f;
}