🦄 Global reusable style work

src/styles/colors.ts

@@ -9,6 +9,14 @@ const colors = {
   backgroundLighter: '#1a2332',
   bgShadowColor: '#0f1620',
   fgShadowColor: '#456602',
+
+  // Action Colors
+  info: '#04e4f4',
+  success: '#20e253',
+  warning: '#f6f000',
+  error: '#fca016',
+  danger: '#f80363',
+  neutral: '#272f4d',
 };
 
 export default colors;

src/styles/typography.ts

@@ -1,4 +1,14 @@
+
+export const TextSizes = {
+  xSmall: '0.75rem',
+  small: '1rem',
+  medium: '1.5rem',
+  large: '2rem',
+  xLarge: '3rem',
+};
+
 export const TextReset = `
+  font-size: ${TextSizes.small};
   font-family: PTMono, Helvetica, Arial, sans-serif;
   font-weight: 400;
   font-style: normal;