body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 12, 0, 9;
  --swm-primary-800: 24, 0, 19;
  --swm-primary-700: 48, 0, 38;
  --swm-primary-600: 72, 0, 57;
  --swm-primary-500: 97, 0, 76;
  --swm-primary-400: 121, 0, 95;
  --swm-primary-300: 199, 0, 156;
  --swm-primary-200: 255, 21, 205;
  --swm-primary-100: 255, 99, 222;
  --swm-primary-50: 255, 177, 239;

  --swm-pp-primary-action-hover: hsl(312, 100%, 20%);
  --swm-pp-primary-bar: hsla(312, 100%, 20%, 0.4);
}