$fsDefault: 12px;
$borderColorContent: #aaa;
$bgColorContent: #fff;
$fcContent: $ic-font-color-dark;

$fcHeader: hsl(0, 0%, 20%);
$borderColorHeader: hsl(213, 7%, 68%);
$textShadowHeader: hsla(0, 100%, 100%, 0.75);
$gradientTopHeader: hsl(207, 22%, 90%);
$gradientBottomHeader: hsl(206, 20%, 86%);

$borderColorDefault: #ccc;
$fcDefault: #333;
$fcHover: #313131;

$borderColorHover: #9D9D9D;
$fcHover: #313131;

$borderColorActive: hsl(207, 74%, 45%);
$bgColorActive: hsl(198, 96%, 47%);
$gradientTopActive: hsl(196, 100%, 52%);
$gradientBottomActive: adjust-hue($gradientTopActive, 10%);
@if $use_high_contrast {
  $bgColorActive:  var(--ic-brand-button--primary-bgd);
  $gradientTopActive: transparent;
  $gradientBottomActive: transparent;
}

$fcActive: #fff;

$borderColorHighlight: #eedc94;
$bgColorHighlight: #eedc94;
$fcHighlight: #404040;

$borderColorError: #c43c35;
$bgColorError: #c43c35;
$fcError: #fff;

$iconsContent: url(/images/jqueryui/ui-icons_222222_256x240.png);
$iconsHeader: url(/images/jqueryui/ui-icons_ffffff_256x240.png);
$iconsDefault: url(/images/jqueryui/ui-icons_222222_256x240.png);
$iconsHover: url(/images/jqueryui/ui-icons_222222_256x240.png);
$iconsActive: url(/images/jqueryui/ui-icons_ffffff_256x240.png);
$iconsHighlight: url(/images/jqueryui/ui-icons_228ef1_256x240.png);
$iconsError: url(/images/jqueryui/icon_sprite.png);

$cornerRadius: 4px;

$bgColorOverlay: #262b33;
$opacityOverlay: 0.7;
$opacityShadow: 0.3;
$bgColorShadow: #000;
$cornerRadiusShadow: 8px;

$buttonPadding: 4px 10px;

$fcTooltip: white;
$bgColorTooltip: black;
$tooltipCaretSize: 5px;
