body #keycloak-root,
body pp-root,
body swm-modal {
  --swm-primary-900: 6, 18, 24;
  --swm-primary-800: 12, 36, 48;
  --swm-primary-700: 24, 72, 97;
  --swm-primary-600: 36, 108, 146;
  --swm-primary-500: 48, 144, 195;
  --swm-primary-400: 90, 171, 214;
  --swm-primary-300: 123, 188, 223;
  --swm-primary-200: 156, 205, 231;
  --swm-primary-100: 189, 222, 239;
  --swm-primary-50: 222, 239, 247;

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