$padding-1: 1px; //minimal
$padding-4: .25rem;
$padding-8: .5rem;
$padding-16: 1rem;

$font-size-base: 16px;
$font-size-12: .75rem;
$font-size-14: .875rem;
$font-size-16: 1rem;

$size-48: 3rem;
$size-56: 3.5rem;
$size-72: 4.5rem;

// Grayscale
$white:    #fff;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #868e96;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black:    #000;

// $color-link: 
// $color-visited-link: 


$body-line-height: 1.75;
$body-min-width: 25rem;
$content-max-width: 64rem;
$nav-menu-width: 18rem;
$toc-menu-width: 14rem;