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

-import type { Config } from 'tailwindcss'
+import type { Config } from 'tailwindcss';
 
 const config: Config = {
   content: [
@@ -10,11 +10,31 @@ const config: Config = {
     extend: {
       backgroundImage: {
         'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-        'gradient-conic':
-          'conic-gradient(from 180deg at 50% 50%, 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',
       },
     },
   },
   plugins: [],
-}
-export default config
+};
+export default config;