body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 2, 20, 16;
  --swm-primary-800: 4, 40, 33;
  --swm-primary-700: 8, 81, 67;
  --swm-primary-600: 12, 122, 100;
  --swm-primary-500: 16, 163, 134;
  --swm-primary-400: 20, 204, 167;
  --swm-primary-300: 46, 235, 197;
  --swm-primary-200: 99, 240, 212;
  --swm-primary-100: 151, 245, 226;
  --swm-primary-50: 203, 250, 241;

  --swm-pp-primary-action-hover: hsl(167, 82%, 40%);
  --swm-pp-primary-bar: hsla(167, 82%, 40%, 0.4);
}