//# Application variables
//
//*


//## Global
//
//*

$font-smothing: true;


//## Helpers
//
//*

$_fs-browser: 16;
$_rem: (1 / $_fs-browser) * 1rem;


//## Links
//
//*

// $link-color: $primary;
// $link-decoration: none !default;
// $link-hover-color: darken($link-color, 15%) !default;
// $link-hover-decoration: underline !default;


//## Components
//
//*

// $border-radius: 0;


//## Type
//
//*

$font-size-base-px: 16;
$line-height-base-px: 32;

$font-size-base: unit-rem($font-size-base-px);
$line-height-base: $line-height-base-px / $font-size-base-px;

$spacer: $font-size-base * $line-height-base;

$spacers: (
    0: 0,
    1: $spacer * 0.25,
    2: $spacer * 0.5,
    3: $spacer,
    4: $spacer * 1.5,
    5: $spacer * 2
);

$h1-font-size: $font-size-base * 2.5;
$h2-font-size: $font-size-base * 2;
$h3-font-size: $font-size-base * 1.75;
$h4-font-size: $font-size-base * 1.5;
$h5-font-size: $font-size-base * 1.25;
$h6-font-size: $font-size-base;

$headings-font-size: (
    1:  $h1-font-size,
    2:  $h2-font-size,
    3:  $h3-font-size,
    4:  $h4-font-size,
    5:  $h5-font-size,
    6:  $h6-font-size
);

// $headings-margin-bottom: spacer();
// $paragraph-margin-bottom: spacer();


//## Grid
//
//

$layout-w-min: 320px;
$scrollbar-w: 26px;

//### Gaps
$grid-gutter-width: ceil($line-height-base-px * 1.2px);
$gap: $grid-gutter-width;
$gaps: (
    0: 0,
    1: $gap * 0.25,
    2: $gap * 0.5,
    3: $gap,
    4: $gap * 1.5,
    5: $gap * 2
);


//## Transitions
//
//*

$transition: 0.16s;

$transition-fade: $transition;


//## Misc
//
//*

$tappable-size: unit-rem(44);
$tappable-size-md: unit-rem(36);
$tappable-size-sm: unit-rem(28);
