body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 7, 6, 8;
  --swm-primary-800: 14, 12, 16;
  --swm-primary-700: 28, 24, 33;
  --swm-primary-600: 43, 36, 50;
  --swm-primary-500: 57, 48, 67;
  --swm-primary-400: 72, 60, 84;
  --swm-primary-300: 109, 90, 127;
  --swm-primary-200: 145, 127, 164;
  --swm-primary-100: 182, 170, 194;
  --swm-primary-50: 219, 213, 225;

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