Playing with styled components - global style variable

Styles.ts

// Grays
export const gray1 = '#383737';
export const gray2 = '#565555';
export const gray3 = '#857c81';
export const gray4 = '#b9b9b9';
export const gray5 = '#e0dddd';

// Colors
export const primary1 = '#6ca583';
export const accent1 = '#9b8dab';

// Fonts
export const fontFamily = "'Segoe UI', 'Helvetica Neue',sansserif";
export const fontSize = '15px';