// Verdaccio
// -------------------------

$black:         #000;
$white:         #fff;
$grey:          #808080;
$grey-light:    #d3d3d3;
$grey-dark:     #a9a9a9;

$greyChateau:   #95989a;
$greyGainsboro: #e3e3e3;
$greyAthens:    #d3dddd;

$eclipse:       #3c3c3c;
$paleNavy:      #e4e8f1;
$saltpan:       #f7f8f6;
$snow:          #f9f9f9;

$nobel-01:      #999999;
$nobel-02:      #9f9f9f;

// Main colors
// -------------------------

$primary-color: #4b5e40;
$seconday-color:#20232a;

// Scaffolding
// -------------------------

$body-bg:     $white; 
$text-color:  $eclipse;

// Typography
// -------------------------

 // Font Family from Bootstrap v4 Reboot.css
$font-family-reboot: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
$font-family-base: $font-family-reboot;

$font-size-xxl:   26px;
$font-size-xl:    24px;
$font-size-lg:    21px;
$font-size-md:    18px;
$font-size-base:  16px;
$font-size-sm:    14px;

$line-height-xl:  30px;
$line-height-sm:  18px;
$line-height-xs:  2;
$line-height-xxs: 1.5;

$font-weight-light:     400;
$font-weight-regular:   400;
$font-weight-semibold:  600;
$font-weight-bold:      700;

$break-sm: 800px;
$break-lg: 1240px;

// Spacing
// -------------------------

$space-lg: 30px;
