body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 3, 18, 21;
  --swm-primary-800: 7, 37, 42;
  --swm-primary-700: 14, 74, 84;
  --swm-primary-600: 22, 111, 127;
  --swm-primary-500: 29, 148, 169;
  --swm-primary-400: 37, 185, 211;
  --swm-primary-300: 76, 202, 224;
  --swm-primary-200: 121, 215, 232;
  --swm-primary-100: 166, 229, 240;
  --swm-primary-50: 211, 242, 248;

  --swm-pp-primary-action-hover: hsl(188, 70%, 45%);
  --swm-pp-primary-bar: hsla(188, 70%, 45%, 0.4);
}