body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 4, 9, 16;
  --swm-primary-800: 8, 19, 32;
  --swm-primary-700: 16, 38, 65;
  --swm-primary-600: 24, 57, 97;
  --swm-primary-500: 32, 77, 130;
  --swm-primary-400: 40, 96, 162;
  --swm-primary-300: 57, 126, 207;
  --swm-primary-200: 107, 158, 219;
  --swm-primary-100: 156, 191, 231;
  --swm-primary-50: 206, 223, 243;

  --swm-pp-primary-action-hover: hsl(212, 60%, 36%);
  --swm-pp-primary-bar: hsla(212, 60%, 36%, 0.4);
}