export const color = {
  black: '#000000',
  white: '#FFFFFF',
  whiteBg: '#F5F5F5',
  grey: '#C5C8CF',
  greyText: '#969596',
  greyPill: '#979797',
  greyListHeader: '#848A99',
  greyListLabel: '#DBDBDB',
  greyPlaceholder: 'rgba(74,74,74,0.5)',
  greyBorder: '#6B6969',
  greyLight: '#D7D4D4',
  purple: '#57038D',
  lightPurple: '#A540CD',
  loadNetworkLightPurple: '#A95BDC',
  loadNetworkMedPurple: '#651399',
  loadNetworkMedDarkPurple: '#610F96',
  openChansDarkPurple: '#6B249C',
  orange: '#F66B1C',
  blackDark: '#252F4A',
  blackText: '#4A4A4A',
  greenSig: '#46E80E',
  orangeSig: '#FF7C00',
  pinkSig: '#F5406E',
  greySig: '#454D64',
  glas: 'rgba(255,255,255,0.13)',
  glasDark: 'rgba(255,255,255,0.08)',
  glasDarker: 'rgba(255,255,255,0.04)',
  notifyDark: 'rgba(37,47,74,0.5)',
  notifyLight: 'rgba(255,255,255,0.5)',
  seedBorder: 'rgba(151,151,151,0.26)',
  seedBackground: 'rgba(130,129,129,0.09)',
  cliBackground: '#171D2C',
  green: '#46E80E',
  red: 'red',
};

export const font = {
  sizeXS: 10,
  sizeS: 12,
  sizeSub: 14,
  sizeBase: 16,
  sizeM: 18,
  sizeL: 20,
  sizeXXL: 40,
  sizeXXXL: 80,
  lineHeightXS: 14,
  lineHeightS: 16,
  lineHeightSub: 18,
  lineHeightBase: 22,
  lineHeightM: 22,
  lineHeightL: 24,
  lineHeightXXL: 60,
  lineHeightXXXL: 100,
};

export const invisible = {
  height: 0,
  width: 0,
  opacity: 0,
  margin: 0,
  marginTop: 0,
  marginRight: 0,
  marginLeft: 0,
  marginBottom: 0,
  padding: 0,
  paddingTop: 0,
  paddingRight: 0,
  paddingLeft: 0,
  paddingBottom: 0,
};

export const breakWidth = 415;
export const smallBreakWidth = 374;
