body,
:is(*::after, *::before) {
  --primary100: #F4F6FA;
  --primary400: #0B63E3;
  --primary500: #0059B7;
  --primary600: #074297;
  --primaryOpacity100: #0059B710;
  --primaryOpacity200: #0059B725;
  --primaryOpacity300: #0059B740;
  --primaryOpacity500: #0059B780;
  --contentOpacityColor: var(--blackOpacity800);
}

.light_mode, .light_mode :is(*::before, *::after), .dark_mode .invert-colors, .dark_mode .invert-colors :is(*::before, *::after) {
    --contentOpacityColor: #00000080;
}