style(tailwind): add colors for theme

Objective:

Add project colors from the design system.

What has been done:

• Added colors to tailwind.config.ts

tailwind.config.ts

@@ -4,9 +4,26 @@ const config: Config = {
   content: ['./src/**/*.ts', './src/**/*.tsx'],
   theme: {
     extend: {
-      backgroundImage: {
-        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-        'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
+      colors: {
+        primary: {
+          100: '#ebf4ff',
+          500: '#106ad7',
+          600: '#0055bb',
+          700: '#004393',
+        },
+        greyscale: {
+          500: '#eeeeee',
+          600: '#cacaca',
+          700: '#a5a5a5',
+        },
+        font: {
+          400: '#6a6977',
+          500: '#070130',
+        },
+        cinnabar: '#ec4d2c',
+        'med-sea-green': '#3ab65d',
+        cultured: '#f7f7f8',
+        'white-pearl': '#ffffff',
       },
     },
   },