// Fonts
// =======================
@we_font-default  : "Roboto", Roboto, sans-serif;
@we_font-size-def : 14px;

// COLORS UI
// =======================
@we_color-dark    : #2c2c36;
@we_color-darker  : darken(@we_color-dark,2%);
@we_color-divider : #33363e;
@we_color-normal  : #50545d;
@we_color-light   : #4e525b;

@we_color-paper    : #fbfbfd;
@we_color-inactive : #646465;

@we_color-text-normal : #999999;
@we_color-text-light  : #d4d5d7;
@we_color-text-dark   : #505050;

@we_color-accent         : #1cc1a9;
@we_color-accent-d10     : darken(@we_color-accent, 10%);
@we_color-primary        : #b35e9b;
@we_color-primary-d10    : darken(@we_color-primary, 10%);
@we_color-primary-l10    : lighten(@we_color-primary, 10%);
@we_color-primary-hover  : #7e376b;

@we_color-danger  : #e6586c;
@we_color-success : #4ab980;


// LAYOUT
// =======================
@we_screen_xs : 480px;
@we_screen_sm : 768px;
@we_screen_md : 992px;
@we_screen_lg : 1200px;


// TOP BAR
// =======================
@we_editor-bar-height             : 45px;
@we_editor-dropdown-border-height : 2px;
@we_editor-bar-bg                 : @we_color-primary;
@we_editor-bar-link-color         : @we_color-paper;
@we_editor-bar-link-shadow        : @we_color-primary-d10;


// EDITOR
// =======================
@we_sidebar-width: 210px;


// SHADOWS
// =======================
@we_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
                0 3px 1px -2px rgba(0, 0, 0, 0.2),
                0 1px 5px 0 rgba(0, 0, 0, 0.12);


// DROPDOWNS
// =======================
@we_dropdown-toggle-color        : @we_color-paper;
@we_dropdown-toggle-shadow-color : @we_color-primary-d10;
@we_dropdown-menu-color          : @we_color-primary-hover;
    // open
    @we_dropdown--open-toggle-color        : white;
    @we_dropdown--open-toggle-bg-color     : @we_color-primary-hover;
    @we_dropdown--open-toggle-shadow-color : @we_color-primary-hover;


// TABS
// =======================
@we_tab-bg: @we_color-darker;
@we_tab--active-bg: #3D4048;