body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 4, 10, 16;
  --swm-primary-800: 8, 20, 32;
  --swm-primary-700: 16, 40, 65;
  --swm-primary-600: 25, 61, 97;
  --swm-primary-500: 33, 81, 130;
  --swm-primary-400: 42, 102, 162;
  --swm-primary-300: 60, 133, 205;
  --swm-primary-200: 109, 163, 218;
  --swm-primary-100: 158, 194, 230;
  --swm-primary-50: 207, 225, 243;

  --swm-pp-primary-action-hover: hsl(210, 59%, 36%);
  --swm-pp-primary-bar: hsla(210, 59%, 36%, 0.4);
}