body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 4, 6, 10;
  --swm-primary-800: 8, 12, 20;
  --swm-primary-700: 16, 24, 40;
  --swm-primary-600: 24, 36, 61;
  --swm-primary-500: 32, 48, 81;
  --swm-primary-400: 41, 60, 102;
  --swm-primary-300: 62, 91, 154;
  --swm-primary-200: 98, 127, 192;
  --swm-primary-100: 150, 170, 213;
  --swm-primary-50: 203, 213, 234;

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