@import "./variables.less";

// INJECT_LOCAL_PROJECT_VARIABLES

// text overrides
@font-size-base: 15px;
@font-family-sans-serif: "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
@text-color: #6C6F73;
@headings-color: #2D3238;
@line-height-base: 1.4;


// gray override
@gray-light: #BEC8CE;


// h3 override
@font-size-h3: 28px;


// nav tranpsarent
@navbar-transparent-brand-hover-bg:      transparent;
@navbar-transparent-toggle-hover-bg:     transparent;
@navbar-transparent-toggle-border-color: transparent;


// nav bordered
@nav-bordered-color:              #000;
@nav-bordered-color-active:       @brand-primary;
@nav-bordered-font-weight:        300;
@nav-bordered-font-weight-active: 700;


// brand
@brand-primary: #2595FF;


// misc typography
@headings-font-weight: 500;
@btn-font-weight:      400;
@letter-spacing-base:  -.02em;


// lead
@lead-letter-spacing: @letter-spacing-base;
@lead-font-size:      floor((@font-size-base * 1.5));


// blocks
@block-title-font-size-sm: floor((@font-size-base * 2.8));
@block-title-font-size:    floor((@font-size-base * 2.5));
@block-lead-font-size-sm:  floor((@font-size-base * 1.4));
@block-vertical-padding:   100px;

@import "~project-theme/variables.less";
@import "./components.less";