/* global
   ========================================================================== */

// fonts
$font-family-base               : Verdana, Helvetica, sans-serif !default;
$font-family-headings           : Georgia, serif !default;
$font-family-monospace          : "Courier New", Courier, monospace !default;

$font-size-base                 : 1.6rem !default;
$line-height-base               : 1.5 !default; // auto => 1.2

// baseline
$baseline                       : $font-size-base * $line-height-base !default;

// headings => modular scale 1.25 (major third)
$modular-scale                  : 1.25 !default;

$font-size-h1                   : $font-size-base * $modular-scale * $modular-scale * $modular-scale * $modular-scale !default;
$font-size-h2                   : $font-size-base * $modular-scale * $modular-scale * $modular-scale !default;
$font-size-h3                   : $font-size-base * $modular-scale * $modular-scale !default;
$font-size-h4                   : $font-size-base * $modular-scale !default;
$font-size-h5                   : $font-size-base !default;
$font-size-h6                   : $font-size-base / $modular-scale !default;

// font sizes
$font-sizes: () !default;
$font-sizes: map-merge((
  sm                            : $font-size-h6,
  md                            : $font-size-base,
  lg                            : $font-size-h4
), $font-sizes);

// responsive font sizes
$responsive-font-sizes: () !default;
$responsive-font-sizes: map-merge((
  h1                            : $font-size-h1,
  h2                            : $font-size-h2,
  h3                            : $font-size-h3,
  h4                            : $font-size-h4,
  h5                            : $font-size-h5,
  h6                            : $font-size-h6,
  base                          : $font-size-base
), $responsive-font-sizes);

// font weights
$font-weights: () !default;
$font-weights: map-merge((
  normal                        : 400,
  bold                          : 700
), $font-weights);

// container
$container-width                : $baseline * 42 !default;

// grids
$grid-columns                   : 12 !default;
$grid-gutter-width              : $baseline !default;
$grid-offset-width              : $baseline !default;

// labels
$label-font-size                : $font-size-base !default;

// form fields
$field-height                   : $baseline * 2 !default;
$field-padding-x                : $baseline / 2 !default;
$field-font-size                : $font-size-base !default;

// buttons
$btn-height                     : $baseline * 2 !default;
$btn-padding-x                  : $baseline !default;
$btn-font-size                  : $font-size-base !default;

// sizes
$sizes: () !default;
$sizes: map-merge((
  25                            : 25%,
  33                            : 33.3333%,
  50                            : 50%,
  66                            : 66.6667%,
  75                            : 75%,
  100                           : 100%,
  auto                          : auto
), $sizes);

// spacers
$spacers: () !default;
$spacers: map-merge((
  n                             : 0,
  xs                            : $baseline / 3,
  sm                            : $baseline / 2,
  md                            : $baseline,
  lg                            : $baseline * 2,
  xl                            : $baseline * 3
), $spacers);

// breakpoints => from the biggest to the smallest
$breakpoints: (
  md                            : 64em, // 1024px
  sm                            : 47.9375em // 767px
) !default;

// options
$enable-rhythm                  : true !default;
$enable-custom-properties       : false !default;

// responsive utilities
$enable-responsive-colors       : false !default;
$enable-responsive-font-sizes   : false !default;
$enable-responsive-font-weights : false !default;
$enable-responsive-sizes        : false !default;
$enable-responsive-spacers      : false !default;
$enable-responsive-display      : false !default;
$enable-responsive-flex         : false !default;
$enable-responsive-columns      : false !default;
$enable-responsive-float        : false !default;
$enable-responsive-clearfix     : false !default;
$enable-responsive-text         : false !default;
$enable-responsive-a11y         : false !default;
$enable-responsive-unstyled     : false !default;