:root, .neeto-ui-theme--light, .neeto-ui-theme--dark {
  --neeto-ui-popover-border-width: 1px;
  --neeto-ui-popover-border-color: rgb(var(--neeto-ui-gray-800));
  --neeto-ui-popover-padding-x: 1rem;
  --neeto-ui-popover-padding-y: 1rem;

  // Light theme
  --neeto-ui-popover-light-theme-border-color: rgb(var(--neeto-ui-gray-400));
}

.neeto-ui-popover {
  --neeto-ui-tooltip-padding-x: var(--neeto-ui-popover-padding-x);
  --neeto-ui-tooltip-padding-y: var(--neeto-ui-popover-padding-y);
  border: var(--neeto-ui-popover-border-width) solid var(--neeto-ui-popover-border-color);


  &[data-theme~=light] {
    border-color: var(--neeto-ui-popover-light-theme-border-color);
  }
}

.neetix-popover {
  --neeto-ui-popover-padding-x: 1.5rem;
  --neeto-ui-popover-padding-y: 1.5rem;
}
