body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 0, 9, 18;
  --swm-primary-800: 0, 19, 36;
  --swm-primary-700: 1, 38, 72;
  --swm-primary-600: 2, 57, 108;
  --swm-primary-500: 3, 76, 144;
  --swm-primary-400: 4, 95, 180;
  --swm-primary-300: 5, 129, 244;
  --swm-primary-200: 63, 161, 251;
  --swm-primary-100: 127, 192, 253;
  --swm-primary-50: 191, 224, 254;

  --swm-pp-primary-action-hover: hsl(208, 96%, 32%);
  --swm-pp-primary-bar: hsla(208, 96%, 32%, 0.4);
}