/* Corner radii — every value is used verbatim somewhere in the plugin CSS */
:root {
  --pp-radius-xs: 3px;    /* pp-badge */
  --pp-radius-sm: 4px;    /* checkbox, WP cards */
  --pp-radius-md: 8px;    /* --global-border-radius, admin panels */
  --pp-radius-wp-card: 10px;
  --pp-radius-lg: 12px;   /* option button, submit button, chat pill */
  --pp-radius-xl: 14px;   /* form radius, intro welcome card, inbox */
  --pp-radius-2xl: 16px;
  --pp-radius-composer: 15px;
  --pp-radius-pill: 999px;
  --pp-radius-circle: 50%;

  /* Message bubbles: last corner tucks toward the sender */
  --pp-radius-bubble-in: 18px 18px 18px 6px;
  --pp-radius-bubble-out: 18px 18px 6px 18px;
  --pp-radius-bubble-in-admin: 17px 17px 17px 5px;
  --pp-radius-bubble-out-admin: 17px 17px 5px 17px;
}