body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 18, 1, 12;
  --swm-primary-800: 36, 2, 25;
  --swm-primary-700: 73, 5, 50;
  --swm-primary-600: 110, 8, 75;
  --swm-primary-500: 147, 11, 100;
  --swm-primary-400: 184, 14, 125;
  --swm-primary-300: 238, 23, 163;
  --swm-primary-200: 242, 81, 186;
  --swm-primary-100: 247, 139, 209;
  --swm-primary-50: 251, 197, 232;

  --swm-pp-primary-action-hover: hsl(320, 86%, 35%);
  --swm-pp-primary-bar: hsla(320, 86%, 35%, 0.4);
}