/*
 * calcite-bootstrap-expansion-vars.scss
 * (These are not Bootstrap variables - these are used to extend the Calcite Web look
 * in conjunction with calcite-bootstrap-expansion.scss & hub-expansion.scss.)
 */


// ┌──────────┐
// │ Buttons  │
// └──────────┘

$btn-background-hover:     darken($link-color, 10%);
$btn-color-hover:          setPrimaryBtnTextColor($btn-background-hover);

$btn-primary-hover:				 darken($link-color, 10%);
$btn-info-hover:				   $calcite-gray-light;
$btn-danger-hover:				 $brand-danger;
$btn-danger-text-hover:		 $white;
$btn-warning-hover:				 $calcite-yellow-dark;

// ┌───────┐
// │ Cards │
// └───────┘

$card-border-stroke-top:    3px solid;
$thumbnail-caption-overlay: $transparent-white !default;
$thumbnail-caption-color:   $true-black !default;
$thumbnail-caption-padding: 9px;
$thumbnail-caption-size:    $font-size-base !default;

// ┌─────────┐
// │ Footer  │
// └─────────┘

$footer-height:				    55px !default;
$footer-bg:						    $calcite-gray-lightest !default;
$footer-border:					  0px !default;
$footer-text-color:				$off-black !default;

// ┌───────┐
// │ Forms │
// └───────┘

$form-bg:						       $off-white !default;
$border-stroke:					   1px solid !default;
$input-label:              $off-black !default;

// ┌──────────────┐
// │ Iconography  │
// └──────────────┘

$icon-font-path: '../assets/fonts/' !default;

// ┌───────────┐
// │ Jumbotron │
// └───────────┘

$jumbotron-top-margin:			0px !default;

// ┌──────────┐
// │ Sidebar  │
// └──────────┘

$sidebar-bg-color:          $body-bg;
$sidebar-shadow:				    $calcite-gray-lighter;

// ┌──────────┐
// │ Shadows  │
// └──────────┘

$box-shadow-color:				  $body-bg !default;
$box-shadow-present:		    none;
$calcite-box-shadow:        0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 16px 0 rgba(0, 0, 0, 0.05);

// ┌─────────┐
// │ Tables  │
// └─────────┘

$table-color:               $text-color !default;

// ┌────────────┐
// │ Typography │
// └────────────┘

$font-size-extra-small: 	floor(($font-size-base * 0.75)); //~10px
$font-size-extra-large:   ceil(($font-size-base * 1.4)); //~20px

// ┌────────┐
// │ Wells  │
// └────────┘

$well-text:						     $text-color !default;
$well-border-color:        $calcite-gray-light !default;