$base-color: dynamic(#E1E9F2);
$btn-focus-color: dynamic(#EDF1F7);
$btn-over-color: dynamic(#E6EDF6);
$btn-border-color: dynamic(#A8C8EA);
$main-color: dynamic(#0A50A1);

$button-default-color: dynamic(#333333);
$button-default-border-color: $main-color;

$button-default-background-color: $base-color;
$button-default-background-color-over: $btn-over-color;

$button-default-base-color-pressed: $btn-focus-color;
$button-default-inner-border-color-pressed: dynamic(transparent);

$button-default-base-color-focus: $btn-focus-color;
$button-default-base-color-focus-over: $btn-over-color;
$button-default-inner-border-color-focus: $btn-border-color;
$button-default-inner-border-color-focus-over: $btn-border-color;
$button-default-inner-border-color-focus-pressed: $btn-border-color;

$panel-header-color: $main-color;

BODY.extjs-theme-customer-muelheim {
  .border-alt {
    &.x-panel-default {
      border: 1px solid $main-color;
    }
  }
}