.light_mode, .light_mode :is(*::before, *::after), .dark_mode .invert-colors, .dark_mode .invert-colors :is(*::before, *::after) {
  --primary100: #e7f1ff;
  --primary400: #3d8bfd;
  --primary500: #FF6033;
  --primary600: #B42800;
  --primaryOpacity100: #ff603330;
  --primaryOpacity300: #ff603352;
  --primaryOpacity500: #0D6EFD80;
  --primaryLightBg: #F9F5F2;
  --swiper-navigation-size: 28px;
  --bgColor: #fff;
  --cardDefaultBg: var(--primaryLightBg);
}