@containerHeight: 606px;
@contentWidth: 69%;
@gridGutterWidth: 20px;
@treeBrowserHeadHeight: 25px;

@contentPaddingVellum: 12px;

// colors
@blue:                  #1557A2;
@blueDark:              #4A607D;
@orange:                #FF8B03;

@navbarBackground:      #F4F4F4;
@grayDarker:            #2C2C2C;
@blueLight:             #2787d0;

// Main Colors
@cc-bg:     #f2f2f1;
@cc-text:   #181715;

@cc-neutral-hi:   #d6d6d4;
@cc-neutral-mid:  #685c53;
@cc-neutral-low:  #373534;

@cc-brand-hi:   #bcdeff;
@cc-brand-mid:  #004ebc;
@cc-brand-low:  #002c5f;

@cc-light-cool-accent-hi:   #ccf3f4;
@cc-light-cool-accent-mid:  #00bdc5;
@cc-light-cool-accent-low:  #00799a;

@cc-dark-warm-accent-hi:  #ffe3c2;
@cc-dark-warm-accent-mid: #ff8400;
@cc-dark-warm-accent-low: #994f00;

@cc-light-warm-accent-hi:   #f8ecbd;
@cc-light-warm-accent-mid:  #f9c700;
@cc-light-warm-accent-low:  #685300;

@cc-att-pos-hi:   #d5eaca;
@cc-att-pos-mid:  #47b700;
@cc-att-pos-low:  #216f00;

@cc-att-neg-hi:   #efcfcb;
@cc-att-neg-mid:  #e53e30;
@cc-att-neg-low:  #812627;

@cc-dark-cool-accent-hi:  #d6c5ea;
@cc-dark-cool-accent-mid: #9060c8;
@cc-dark-cool-accent-low: #5d3f82;

// Master Vellum-specific z-index list
// Also see bootstrap/variables.less
@zindexUIContainer: @zindexFixedNavbar + 1;  // Cover HQ's nav bar and footer in full-screen mode
@zindexBlockInteraction: 2000;  // Above all interaction (modals, menus, dropdowns, etc.)
