body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 1, 8, 11;
  --swm-primary-800: 2, 16, 22;
  --swm-primary-700: 5, 32, 45;
  --swm-primary-600: 7, 48, 68;
  --swm-primary-500: 10, 65, 90;
  --swm-primary-400: 13, 81, 113;
  --swm-primary-300: 21, 130, 182;
  --swm-primary-200: 48, 173, 232;
  --swm-primary-100: 117, 200, 240;
  --swm-primary-50: 186, 228, 248;

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