body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 7, 4, 7;
  --swm-primary-800: 15, 9, 15;
  --swm-primary-700: 30, 18, 31;
  --swm-primary-600: 46, 28, 47;
  --swm-primary-500: 61, 37, 63;
  --swm-primary-400: 77, 47, 79;
  --swm-primary-300: 124, 75, 127;
  --swm-primary-200: 166, 110, 169;
  --swm-primary-100: 196, 159, 198;
  --swm-primary-50: 226, 207, 227;

  --swm-pp-primary-action-hover: hsl(296, 25%, 21%);
  --swm-pp-primary-bar: hsla(296, 25%, 21%, 0.4);
}