body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 0, 6, 12;
  --swm-primary-800: 1, 12, 24;
  --swm-primary-700: 2, 25, 48;
  --swm-primary-600: 3, 38, 72;
  --swm-primary-500: 4, 51, 96;
  --swm-primary-400: 5, 64, 120;
  --swm-primary-300: 8, 103, 194;
  --swm-primary-200: 33, 142, 246;
  --swm-primary-100: 107, 180, 249;
  --swm-primary-50: 181, 218, 252;

  --swm-pp-primary-action-hover: hsl(209, 92%, 21%);
  --swm-pp-primary-bar: hsla(209, 92%, 21%, 0.4);
}