// white
export const COLOR_WHITE: '#fff';

// brand colors
export const COLOR_BRAND: '#01b6f5';
export const COLOR_BRAND_ACTIVE: '#009acf';
export const COLOR_BRAND_LIGHT: 'rgba(0, 184, 245, 0.2)';
export const COLOR_BRAND_2: '#07b0ea';

// success colors
export const COLOR_SUCCESS: '#1de9b6';
export const COLOR_SUCCESS_ACTIVE: '#1ad1a3';
export const COLOR_SUCCESS_LIGHT: 'rgba(29, 233, 182, 0.2)';

// error colors
export const COLOR_ERROR: '#fe4849';
export const COLOR_ERROR_ACTIVE: '#ea4243';

// gray colors
export const COLOR_GRAY_1: '#F6F7F9';
export const COLOR_GRAY_2: '#D7D9E2';
export const COLOR_GRAY_3: '#a4a7b5';
export const COLOR_GRAY_4: '#3F4954';
export const COLOR_GRAY_TRANSPARENT_1: 'rgba(244, 246, 249, 0.4)';
export const COLOR_GRAY_TRANSPARENT_2: 'rgba(82, 95, 127, 0.3)';
export const COLOR_GRAY_TRANSPARENT_3: 'rgba(82, 95, 127, 0.15)';
export const COLOR_GRAY_DARK_TRANSPARENT: 'rgba(42, 48, 57, 0.2)';

// text colors
export const COLOR_DARK_1: '#2A3039';

// yellow colors
// TODO: only warning const should remain
export const COLOR_YELLOW_1: '#fc0';
export const COLOR_WARNING: '#fc0';
export const COLOR_WARNING_DARK: '#FFB900';
export const COLOR_WARNING_LIGHT: '#FFDC7F';

// purple colors
export const COLOR_PURPLE: '#663398';
