$base-font-size: 15px;
$base-line-height: 24px;
$auto-base-line-looseness: 10%;
$auto-scale-type: false;
$auto-scale-type-ratio: 1.275;

$vertical-space: $base-line-height;
$horizontal-space: 28px;

$rem-px-fallback: true;

$indented-paragraphs: false;

$type-h1-size: (modular-scale(6), baseline-calc(modular-scale(6), 1%));
$type-h2-size: (modular-scale(5));
$type-h3-size: (modular-scale(4));
$type-h4-size: (modular-scale(3));
$type-h5-size: (modular-scale(2));
$type-h6-size: (modular-scale(1));
$type-p-size: (modular-scale(0.25));
$type-small-size: (ceil(modular-scale(-1)));

//Custom web fonts
$use-web-fonts: true;
//Relative path to fonts from CSS file
$font-file-location: 'fonts/';

$web-fonts: (
    'Asap': (
        'weights': (
            400,
        ),
        'italics': false,
        'formats': (
            'woff',
        ),
    ),
);

$max-site-width: 1360px;

$max-content-width: 690px;

$max-wide-content-width: 910px;

$breakpoints: (
    'smalls': '(max-width:#{ems($max-wide-content-width)})',
    'small': '(max-width: #{ems($max-content-width)})',
    'smallish': '(min-width: #{ems($max-content-width+1px)})'+ ' and (max-width: #{ems($max-wide-content-width)})',
    'bigs': '(min-width: #{ems($max-wide-content-width+1px)})',
    'lap': '(min-width: #{ems($max-wide-content-width + 1px)})' +
        ' and (max-width: #{ems($max-site-width)})',
    'desk': '(min-width: #{ems($max-site-width)})',
);

$breakpoint-namespace-character: '\\@';

$grid-columns: 12;
$grid-gutter: $horizontal-space;
$grid-silent-classes: true;
$grid-push: true;
$breakpoint-has-push: ('smalls', 'small', 'smallish', 'bigs', 'lap', 'desk');
$grid-pull: true;
$breakpoint-has-pull: ('smalls', 'small', 'smallish', 'bigs', 'lap', 'desk');

$grid-bem-naming: true;

$grid-flex: true;
$grid-floats: false;

$grid-inline-block: true;
$grid-markup-fix: false;
$grid-letter-space-fix: -0.45em;
$grid-class-format: 'grid{__}{%child%}{--}{%modifier%}';

$breakpoint-has-widths: ('smalls', 'small', 'smallish', 'bigs', 'lap', 'desk');

$base-colors: generate-color-variations(
    $map: (
        'type': #052b33,
        'links': #0d497b,
        'bg': hsl(188, 50%, 96%),
        'success': #bada55,
    ),
    $variations: (
        'light',
        'lighter',
        'lightest',
        'dark',
        'darker',
        'darkest',
    ),
    $functions: (
        'linearlight',
        'lineardodge',
        'tint',
        'darken',
        'linearburn',
        'linearburn',
    ),
    $blending-colors: (
        #bfccd6,
        #dee9ec,
        null,
        null,
        #4c5a66,
        #323d42,
    ),
    $increments: (
        25%,
        60%,
        80%,
        5%,
        40%,
        70%,
    ),
);

$debug-fonts: false;

$debug-silent-classes: true;

$debug-breakpoints: true;