@panel-border-color:                            @component-border-color;

//** Border color for elements within panels
@panel-inner-border:                            @component-border-color;
@panel-footer-bg:                               @component-background-default;

@panel-default-text:                            @component-color-default;
@panel-default-border:                          @component-border-color;
@panel-default-heading-bg:                      transparent;

@panel-primary-text:                            @palette-high;
@panel-primary-border:                          var(--brand-primary, var(--c8y-brand-primary));
@panel-primary-heading-bg:                      var(--brand-primary, var(--c8y-brand-primary));

@panel-success-text:                            @state-success-text;
@panel-success-border:                          @state-success-border;
@panel-success-heading-bg:                      @state-success-bg;

@panel-info-text:                               @state-info-text;
@panel-info-border:                             @state-info-border;
@panel-info-heading-bg:                         @state-info-bg;

@panel-warning-text:                            @state-warning-text;
@panel-warning-border:                          @state-warning-border;
@panel-warning-heading-bg:                      @state-warning-bg;

@panel-danger-text:                             @state-danger-text;
@panel-danger-border:                           @state-danger-border;
@panel-danger-heading-bg:                       @state-danger-bg;

@panel-bg:                                      @component-background-default;
@panel-body-padding:                            @margin-16;
@panel-heading-height:                          @margin-40;
@panel-heading-padding:                         @margin-base @margin-16;
@panel-footer-padding:                          @panel-heading-padding;
@panel-border-radius:                           0;
@panel-border-width:                            0;