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

$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:                            $size-16;
$panel-heading-height:                          $size-40;
$panel-heading-padding:                         $size-base $size-16;
$panel-footer-padding:                          $panel-heading-padding;
$panel-border-radius:                           0;
$panel-border-width:                            0;