body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 4, 28, 25;
  --swm-primary-800: 8, 56, 51;
  --swm-primary-700: 16, 112, 103;
  --swm-primary-600: 24, 168, 155;
  --swm-primary-500: 34, 223, 206;
  --swm-primary-400: 90, 231, 218;
  --swm-primary-300: 123, 236, 226;
  --swm-primary-200: 156, 241, 233;
  --swm-primary-100: 189, 246, 241;
  --swm-primary-50: 222, 251, 248;

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