/// Border of an overlay container element such as dialog or overlaypanel
/// @group overlay
$overlayContentBorder: 0 none;

/// Background of an overlay container element such as dialog or overlaypanel
/// @group overlay
$overlayContentBg: var(--overlay-content-bg);

/// Box shadow of an overlay container element such as dialog or overlaypanel
/// @group overlay
$overlayContainerShadow: var(--overlay-container-shadow);

/// Background of a dialog header
/// @group overlay
$dialogHeaderBg: var(--dialog-header-bg);

/// Border of a dialog header
/// @group overlay
$dialogHeaderBorder: 1px solid var(--surface-border);

/// Text color of a dialog header
/// @group overlay
$dialogHeaderTextColor: $panelHeaderTextColor;

/// Font weight of a dialog header
/// @group overlay
$dialogHeaderFontWeight: 500;

/// Font size of a dialog header
/// @group overlay
$dialogHeaderFontSize: 1.125rem;

/// Padding of a dialog header
/// @group overlay
$dialogHeaderPadding: 0 2rem;

/// Padding of a dialog content
/// @group overlay
$dialogContentPadding: 1.25rem 2rem;

/// Border of a dialog footer
/// @group overlay
$dialogFooterBorder: 1px solid var(--surface-border);

/// Padding of a dialog footer
/// @group overlay
$dialogFooterPadding: 0 2rem;

/// Padding of a confirmpopup content
/// @group overlay
$confirmPopupContentPadding: $panelContentPadding;

/// Padding of a confirmpopup footer
/// @group overlay
$confirmPopupFooterPadding: 0 1rem 1rem 1rem;

/// Background of a tooltip
/// @group overlay
$tooltipBg: $textColor;

/// Text color of a tooltip
/// @group overlay
$tooltipTextColor: var(--tooltip-text-color);

/// Padding of a tooltip
/// @group overlay
$tooltipPadding: $inputPadding;