body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 2, 4, 16;
  --swm-primary-800: 4, 8, 32;
  --swm-primary-700: 8, 16, 64;
  --swm-primary-600: 13, 25, 96;
  --swm-primary-500: 17, 33, 129;
  --swm-primary-400: 22, 42, 161;
  --swm-primary-300: 29, 57, 219;
  --swm-primary-200: 82, 104, 232;
  --swm-primary-100: 140, 154, 240;
  --swm-primary-50: 198, 205, 248;

  --swm-pp-primary-action-hover: hsl(231, 76%, 32%);
  --swm-pp-primary-bar: hsla(231, 76%, 32%, 0.4);
}