body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 1, 4, 8;
  --swm-primary-800: 2, 9, 16;
  --swm-primary-700: 5, 18, 32;
  --swm-primary-600: 7, 28, 48;
  --swm-primary-500: 10, 37, 64;
  --swm-primary-400: 13, 47, 80;
  --swm-primary-300: 24, 89, 152;
  --swm-primary-200: 39, 131, 220;
  --swm-primary-100: 111, 173, 232;
  --swm-primary-50: 183, 214, 244;

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