body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 3, 3, 23;
  --swm-primary-800: 7, 7, 46;
  --swm-primary-700: 15, 15, 93;
  --swm-primary-600: 22, 22, 140;
  --swm-primary-500: 30, 30, 187;
  --swm-primary-400: 49, 49, 222;
  --swm-primary-300: 90, 90, 229;
  --swm-primary-200: 131, 131, 236;
  --swm-primary-100: 173, 173, 242;
  --swm-primary-50: 214, 214, 249;

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