/* General */
// Note: Default unitless values are considered to be expressed in rems

// The base font to calculate the fallback size in pixels of properties specified in rem units. A unitless value is
// expected and its supposed to be expressed in pixels, eg: 16 means 16 pixels.
$base-font: 14 !default;
// Generate all ratios for showcase components
$generate-ratios: true !default;
// Border color for all input and select controls
$input-border: #d3d3d3 !default;
// Border radius for all input and select controls in rem
$input-radius: 0.25 !default;
// Border color for all button controls
$button-border: #d3d3d3 !default;
// Background color for all button controls
$button-color: #28a745 !default;
// Text color for all button controls
$button-text: #ffffff !default;
// Border radius for all button controls in rem
$button-radius: 0.25 !default;
// Background size for all elements that display images
$image-fit: cover !default;
// Background color for all elements that display images
$image-bg: transparent !default;

/* Grid system */
// Screen breakpoints for the grid system
$breakpoints: (
  xs: 0,
  s: 576px,
  m: 768px,
  l: 992px,
  xl: 1200px
) !default;
// The number of columns for each row of the grid system
$columns: 12 !default;

/* AddToCart editor */
// Margin between add-to-cart editor controls and the buttons
$add-to-cart-editor-margin: 2px !default;
// Padding for input and select controls inside add-to-cart components
$add-to-cart-editor-padding: 6px !default;
// Border for editors inside add-to-cart components
$add-to-cart-editor-border: solid 1px $input-border !default;

/* CartView */
// Background color for the default empty cart-view
$cart-view-empty-color: #efefef !default;
// Text color for the default empty cart-view
$cart-view-empty-text: #000000 !default;
// Font for the default empty cart-view
$cart-view-empty-font: italic normal normal 1rem/1.2 "Times New Roman", sans serif !default;
// Border for the default empty cart-view
$cart-view-empty-border: none 0 transparent !default;
// Padding in rems for the default empty cart-view
$cart-view-empty-padding: 2 !default;
// Background color for the price tag in cart-views using responsive mode
$cart-view-responsive-price-bg: #3f51b5 !default;
// Text color for the price tag in cart-views using responsive mode
$cart-view-responsive-price: #ffffff !default;
// Image width for cart-views displaying as tables
$cart-view-image-width: 100px !default;
// Image height for cart-views displaying as tables
$cart-view-image-height: 100px !default;
// Border to divide table rows
$cart-view-divider: solid 1px #dee2e6 !default;
// Quantity button background color
$cart-view-button-bg: #ffffff !default;
// Quantity button text color
$cart-view-button-text: #000000 !default;
// Quantity button border
$cart-view-button-border: solid 1px #9e9e9e !default;
// Quantity button border radius
$cart-view-button-radius: 3px !default;

/* CartShowcase */
// Maximum combination of ratios starting from 1 to this value
// Bigger values generate more combinations in exponential order so use with caution
$ratios: 4 !default;
// The distance from the border for showcase items in rems
$sc-item-padding: 0.5 !default;
// Background color for descriptions in showcase items
$sc-description-bg: rgba(0, 0, 0, 0.6) !default;
// Text color for descriptions in showcase items
$sc-description-text: #ffffff !default;
// The minimum height of the description element in showcase items
$sc-description-min-height: 3 !default;
// The maximum height of the description element in showcase items
$sc-description-max-height: 50% !default;
// Margin in both sides for the text inside the description element in showcase items
$sc-description-margin: 1 !default;

/* CartSummary */
// The size for the cart summary svg or image
$cart-summary-icon-size: 32px !default;
// The font-size for the text in the cart-summary
$cart-summary-font-size: 0.75 !default;