@use 'color-vars' as *;
@use 'layout-vars' as *;

$popover-background-default:                      var(--c8y-popover-background-default);
$popover-color-default:                           var(--c8y-popover-color-default);
$popover-icon-color:                              var(--c8y-popover-icon-color);

$popover-border-color:                            var(--c8y-popover-border-color);

$popover-link-color:                              var(--c8y-popover-color-link);
$popover-link-color-hover:                        var(--c8y-popover-color-link-hover);

$popover-label-color:                             var(--c8y-popover-label-color);

$popover-max-width:                               var(--c8y-popover-width);

$popover-border-radius:                           var(--c8y-popover-border-radius);

$popover-arrow-width:                             var(--c8y-popover-arrow-width);

$popover-arrow-outer-width:                       calc($popover-arrow-width + 1px);

$popover-padding:                                 var(--c8y-popover-padding);