body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 0, 7, 14;
  --swm-primary-800: 0, 14, 28;
  --swm-primary-700: 0, 28, 57;
  --swm-primary-600: 0, 42, 85;
  --swm-primary-500: 0, 56, 114;
  --swm-primary-400: 0, 70, 142;
  --swm-primary-300: 0, 106, 216;
  --swm-primary-200: 34, 143, 255;
  --swm-primary-100: 108, 181, 255;
  --swm-primary-50: 182, 218, 255;

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