body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 0, 12, 12;
  --swm-primary-800: 1, 25, 24;
  --swm-primary-700: 3, 50, 49;
  --swm-primary-600: 4, 75, 74;
  --swm-primary-500: 6, 100, 98;
  --swm-primary-400: 8, 125, 123;
  --swm-primary-300: 12, 196, 193;
  --swm-primary-200: 42, 242, 238;
  --swm-primary-100: 113, 246, 244;
  --swm-primary-50: 184, 251, 250;

  --swm-pp-primary-action-hover: hsl(178, 88%, 22%);
  --swm-pp-primary-bar: hsla(178, 88%, 22%, 0.4);
}