body, :is(*::after, *::before) {
    --primary100: #FFF1F1;
    --primary400: #e05255;
    --primary500: #d21f38;
    --primary600: #ac202f;
    --primaryOpacity300: #d21f3840;
    --primaryOpacity500: #d21f3880;
  
    --secondary100: #f2f6fc;
    --secondary400: #0a63e7;
    --secondary500: #004ec2;
    --secondary600: #14419f;
    --secondaryOpacity300: #004ec240;
    --secondaryOpacity500: #004ec280;
}

.primary-bg {
  background-color: var(--primaryBg);
}
.primary-light-bg {
  background-color: var(--primaryLightBg);
}
.secondary-bg {
  background-color: var(--secondaryBg);
}
.secondary-light-bg {
  background-color: var(--secondaryLightBg);
}
.gray-bg {
  background-color: var(--grayBg);
}