/* Shadows — soft, cool, always downward. No inner shadows anywhere in source. */
:root {
  --pp-shadow-bubble: 0 4px 8px rgba(0, 0, 0, 0.15);
  --pp-shadow-bubble-hover: 0 8px 16px rgba(0, 0, 0, 0.2);
  --pp-shadow-popup: 0 4px 12px rgba(0, 0, 0, 0.1);
  --pp-shadow-panel: 0 20px 55px rgba(23, 32, 51, 0.2);
  --pp-shadow-welcome-card: 0 10px 30px rgba(23, 32, 51, 0.1);
  --pp-shadow-step-control: 0 8px 24px rgba(23, 32, 51, 0.06);
  --pp-shadow-unread-badge: 0 2px 7px rgba(15, 23, 42, 0.2);
  --pp-shadow-inbox: 0 10px 35px rgba(23, 32, 51, 0.07);
  --pp-shadow-inbox-card: 0 5px 20px rgba(23, 32, 51, 0.04);
  --pp-shadow-dialog: 0 24px 70px rgba(23, 32, 51, 0.28);
  --pp-shadow-wp-card: 0 1px 3px rgba(0, 0, 0, 0.1);
  --pp-shadow-wp-float: 0 4px 14px rgba(0, 0, 0, 0.12);
  --pp-shadow-menu: 0 6px 18px rgba(15, 23, 42, 0.16);
  --pp-shadow-tooltip: 0 2px 8px rgba(15, 23, 42, 0.14);
  --pp-shadow-tour-card: 0 10px 28px rgba(15, 23, 42, 0.24);

  --pp-scrim-welcome: rgba(17, 24, 39, 0.55);
  --pp-scrim-inbox: rgba(23, 32, 51, 0.46);
  --pp-scrim-list: rgba(15, 23, 42, 0.45);
  --pp-scrim-hero-image: 0.35; /* @kind other */ /* opacity of the black wash over the intro image */
}