/**
 * Variables
 */
@color--brand: darken(#8583d8, 15%);
@color--info : #1693A7;



/**
 * Layout
 */
@layout--note--bg    : #fff;
@layout--note--color : #2c3130;
@layout--form--bg    : #EDECE4;
@layout--brand--bg   : darken(@color--brand, 5%);
@layout--brand--color: #fff;

/**
 * Header
 */
@header--bg     : #fff;
@header--border : none;
@header--color  : #333333;
@header--shadow : 1px 1px 10px -6px #939393;

// Left header
@header--left--bg     : @header--bg;
@header--left--border : @header--border;
@header--left--color  : @header--color;
@header--left--shadow : @header--shadow;

// Right header
@header--right--bg     : @header--bg;
@header--right--border : @header--border;
@header--right--color  : @header--color;
@header--right--shadow : 0px -5px 10px 1px #cccccc;

/**
 * Buttons
 */
@btn--border--color   : #f2f2f2;

// Success button
@btn--success         : @color--brand;
@btn--success--border : lighten(@color--brand, 1%);
@btn--success--hover  : darken(@color--brand, 5%);

// Buttons in note view
@btn--note--bg         : #f8f8f8;
@btn--note--hover      : #f3f3f3;

// Favorite button
@btn--favorite        : #515151;
@btn--favorite--hover : #6a6a6a;

/**
 * Checkbox module
 */
@check--border        : 2px solid @color--brand;
@check--size          : @font-size-base + 4px;
@check--icon--size    : @font-size-base - 2px;
@check--border-radius : 2px;
@check--border-radius : 2px;
@check--color         : @color--brand;

/**
 * List module
 */
@list--border--color  : #f2f2f2;
@list--active--bg     : @color--brand;
@list--active--border : @color--brand;

// List navbar
@list--navbar--color  : #1f1f1f;
@list--navbar--bg     : transparent;
@list--navbar--brand  : #1f1f1f;

/**
 * Sidemenu
 */
@sidemenu--bg                 : #fff;
@sidemenu--item               : #fff;
@sidemenu--item--color        : #333333;
@sidemenu--item--border       : none;
@sidemenu--item--hover        : @color--brand;
@sidemenu--item--hover--color : #fff;
@sidemenu--disabled           : @sidemenu--item;
@sidemenu--disabled--color    : #838383;

/**
 * Pagedown module
 */
// Pagedown bar
@pagedown--bar--bg    : #f5f5f5;
@pagedown--bar--border: #e6e6e6;
@pagedown--bar--color : #000;

// Buttons
@pagedown--btn--hover--bg    : #ccccce;
@pagedown--btn--hover--color : #07111a;
