// =============================================================================
// CARDS (Settings)
// =============================================================================


// Bigcommerce Variables
// -----------------------------------------------------------------------------
//
// These scoped variables are created by Bigcommerce.
// All variables that are not from Foundation should be placed here.
//
// 1. Choose whether to include the Bigcommerce class names
//
// -----------------------------------------------------------------------------

$exportCSS--cards:                          $exportCSS !default;

$card-backgroundColor:                      transparent !default;
$card-border:                               container("border", "dark") !default;
$card-marginBottom:                         spacing("double") !default;
$card-paddingHorizontal:                    0 !default;
$card-paddingVertical:                      0 !default;
$card-padding:                              $card-paddingVertical $card-paddingHorizontal !default;

$card-figcaption-background:                overlay("fill") !default;
$card-figcaption-color:                     color("whites", "bright") !default;
$card-figcaption-textAlign:                 center !default;
$card-figcaption-body-paddingHorizontal:    spacing("single") !default;
$card-figcaption-title-color:               color("whites", "bright") !default;
$card-figcaption-title-marginBottom:        spacing("eighth") !default;
$card-figcaption-button-background:         transparent !default;
$card-figcaption-button-backgroundHover:    rgba(color("whites", "bright"), 0.2) !default;
$card-figcaption-button-borderColor:        color("whites", "bright") !default;
$card-figcaption-button-color:              color("whites", "bright") !default;

$card-text-color:                           color("whites", "bright") !default;

$card-body-background:                      container("fill") !default;
$card-body-borderTop:                       container("border", "dark") !default;
$card-body-paddingVertical:                 (spacing("base") + spacing("eighth")) !default;
$card-body-paddingHorizontal:               $card-body-paddingVertical !default;
$card-body-padding:                         $card-body-paddingVertical $card-body-paddingHorizontal !default;
$card-body-textColor:                       color("greys") !default;

$card-figure-background:                    $card-body-background !default;
$card-figure-paddingVertical:               0 !default;
$card-figure-paddingHorizontal:             0 !default;
$card-figure-padding:                       $card-figure-paddingVertical $card-figure-paddingHorizontal !default;

$card-image-border:                         $card-border !default;

$card-surTitle-marginLeft:                  spacing("single") !default;
$card-surTitle-maxWidth:                    40% !default;

$card-title-marginBottom:                   spacing("third") !default;

$card-subTitle-marginBottom:                $card-title-marginBottom !default;
$card-subTitle-adjacentCardTitleMarginTop:  (- spacing("eighth")) !default;

$card-text-fontSize:                        fontSize("base") !default;

$card-footer-backgroundColor:               transparent !default;
$card-footer-borderStyle:                   solid !default;
$card-footer-borderColor:                   color("whites", "bright") !default;
$card-footer-borderWidth:                   1px !default;
$card-footer-border:                        $card-footer-borderStyle $card-footer-borderColor !default;
$card-footer-margin:                        0 !default;
$card-footer-padding:                       $card-body-padding !default;

$card-button-width:                         100% !default;