body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 3, 16, 22;
  --swm-primary-800: 6, 32, 44;
  --swm-primary-700: 13, 64, 88;
  --swm-primary-600: 19, 96, 132;
  --swm-primary-500: 26, 129, 176;
  --swm-primary-400: 33, 161, 220;
  --swm-primary-300: 76, 180, 229;
  --swm-primary-200: 121, 199, 235;
  --swm-primary-100: 166, 218, 242;
  --swm-primary-50: 211, 237, 249;

  --swm-pp-primary-action-hover: hsl(198, 74%, 46%);
  --swm-pp-primary-bar: hsla(198, 74%, 46%, 0.4);
}