body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 23, 9, 29;
  --swm-primary-800: 46, 19, 58;
  --swm-primary-700: 92, 38, 117;
  --swm-primary-600: 139, 58, 176;
  --swm-primary-500: 175, 105, 206;
  --swm-primary-400: 206, 164, 225;
  --swm-primary-300: 216, 182, 231;
  --swm-primary-200: 226, 201, 237;
  --swm-primary-100: 236, 219, 243;
  --swm-primary-50: 246, 237, 249;

  --swm-pp-primary-action-hover: hsl(281, 50%, 72%);
  --swm-pp-primary-bar: hsla(281, 50%, 72%, 0.4);
}