/* reds/pinks */
export const red = '#DA5E51';
export const activeRed = '#F87270';
export const lightPink = '#B7A7B6';
export const tabRed = 'rgb(252, 117, 92)';

/* blues */
export const blue = '#43ABF1';
export const fbBlue = '#507CC0';
export const fbBlueDark = '#3B5998'; // taken from invision app designs
export const linkBlue = '#083d8d'; // sidebar seemore text

/* purples */
export const extraDarkPurple = '#302530';
export const darkPurple = '#402F3F';
export const lightPurple = '#624E5F';
export const listBackPurple = '#443443';
export const tabBarPuple = '#453342';

/* greens */
export const green = '#16A085';
export const lightGreen = '#84E06F';

/* whites/greys */
export const white = '#FFFFFF';
export const offWhite = '#FAFAFA';
export const transparentWhite = 'rgba(255, 255, 255, 0.6)'; // signup tabs
export const imageGrey = '#D8D8D8';
export const lightGrey = '#CCCCCC';
export const lightestGrey = '#EEEEEE';
export const darkGrey = '#696969';
export const grey = '#808080'; // html grey aka 'grey'

/* yellows */
export const yellow = '#F0AD4E';

/* orange */
export const orange = '#D95E40';

/* blacks */
export const black = '#000000';
export const offBlack = '#2B212B';
export const softBlack = '#333';

/* misc */
export const transparent = 'transparent';
export const buttonDisabledColor = '#878787';
export const imageBackColor = 'rgb(153, 130, 153)';
export const listSeparatorColor = '#261C25';
export const categoryTextColor = '#C7C2C7';
export const tabbarSelectedTextColor = 'rgb(252, 117, 92)';
