body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 0, 0, 14;
  --swm-primary-800: 0, 0, 29;
  --swm-primary-700: 0, 0, 58;
  --swm-primary-600: 0, 0, 87;
  --swm-primary-500: 0, 0, 116;
  --swm-primary-400: 0, 0, 145;
  --swm-primary-300: 0, 0, 218;
  --swm-primary-200: 36, 36, 255;
  --swm-primary-100: 109, 109, 255;
  --swm-primary-50: 182, 182, 255;

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