// - - - - - - - - - - - - - - - -
// REM SIZING CHEATER (0.0625)
// - - - - - - - - - - - - - - - -
// 1px => 0.06rem
// 2px => 0.13rem
// 3px => 0.19rem
// 4px => 0.25rem
// 5px => 0.3125rem
// 6px => 0.38rem
// 8px => 0.5rem
// 9px => 0.5625rem
// 10px => 0.625rem
// 12px => 0.75rem
// 13px => 0.81rem
// 14px => 0.875rem
// 15px => 0.94rem
// 16px => 1rem
// 17px => 1.06rem
// 18px => 1.125rem
// 20px => 1.25rem
// 22px => 1.375rem
// 24px => 1.5rem
// 26px => 1.625rem
// 28px => 1.75rem
// 30px => 1.875rem
// 32px => 2rem
// 34px => 2.125rem
// 35px => 2.1875rem
// 36px => 2.25rem
// 38px => 2.375rem
// 40px => 2.5rem
// 42px => 2.625rem
// 44px => 2.75rem
// 45px => 2.8125rem
// 46px => 2.875rem
// 48px => 3rem
// 50px => 3.125rem
// 55px => 3.4375rem
// 56px => 3.5rem
// 58px => 3.63rem
// 60px => 3.75rem
// 62px => 3.875rem
// 64px => 4rem
// 70px => 4.375rem
// 75px => 4.69rem
// 76px => 4.75rem
// 80px => 5rem
// 82px => 5.13rem
// 100px => 6.25rem
// 120px => 7.5rem
// 140px => 8.75rem
// 180px => 11.25rem
// 200px => 12.5rem
// 220px => 13.75rem
// 260px => 16.25rem
// 300px => 18.75rem
// 520px => 32.5rem
// 560px => 35rem
// - - - - - - - - - - - - - - - -

// breakpoints
$media-breakpoint-sm: 'min-width: 700px';
$media-breakpoint-md: 'min-width: 960px';
$media-breakpoint-lg: 'min-width: 1200px';

// fonts
$font-sizes-body-xs: 0.81rem; // 13px
$font-sizes-body-sm: 0.875rem; // 14px
$font-sizes-body: 0.94rem; // 15px
$font-sizes-badge: 0.75rem; // 12px
$font-sizes-badge-small: 0.5rem; // 8px
$font-sizes-link: 0.94rem; // 15px
$font-sizes-link-large: 1.06rem; // 17px
$font-sizes-tagline: 1.25rem; // 14px
$font-sizes-tagline-sm: 0.875rem; // 14px
$font-sizes-h1: 3.63rem; // 58px
$font-sizes-h1-small: 2.8125rem; // 45px
$font-sizes-h2: 2rem; // 32px
$font-sizes-h3: 1.375rem; // 22px

$font-weights-body: 400;
$font-weights-link: 700;
$font-weights-heading: 700;

$grid-gap-xs: 1.875rem;
$grid-gap-sm: 2.5rem;
$grid-gap-md: 3.125rem;
$grid-gap-lg: 5rem;

$line-heights-body: 1.5;
$line-heights-heading: 1.1;
$line-heights-footer: 1.6;
$line-heights-npm: 2.34rem;
$line-heights-button: 2.8125rem;
$line-heights-tagline-small: 1.375rem;
$line-heights-tagline: 1.75rem;

$letter-spacing-sm: 0.01rem;
$letter-spacing-lg: 0.06rem;

$badge-corner-neg: -0.25rem;
$badge-corner-sm: 1.5rem;
$badge-corner-md: 1.75rem;
$badge-corner-lg: 2.25rem;

$border-div: 0.13rem;

$container-xxs: 10rem;
$container-xs: 32.5rem;
$container-sm: 35rem;
$container-md: 50rem;
$container-lg: 72.5rem;
$container-xl: 82.5rem;

$sizing-xxs: 11.25rem;
$sizing-xs: 12.5rem;
$sizing-sm: 13.75rem;
$sizing-md: 16.25rem;
$sizing-lg: 18.75rem;
$sizing-xl: 20rem;

$spacing-xxs: 0.625rem;
$spacing-xs: 1.25rem;
$spacing-sm: 1.875rem;
$spacing-md: 2.5rem;
$spacing-lg: 3.125rem;
$spacing-xl: 3.75rem;
$spacing-xxl: 5rem;
$spacing-xxxl: 12.5rem;
