feat: create new tokens

packages/tokens/src/global/colors.ts

@@ -2,31 +2,46 @@
 
 const vibin = '#D8385E';
 const hope = '#1D856C';
+const hopeNew = '#0C8046';
 const energy = '#FFC24C';
 const relax = '#5340C9';
+const relaxNew = '#A880FF';
+const neon = '#DCFF79';
+const sand = '#FBF8EC';
 
 // Brand colors ↓
 
 const peace = '#FFB0A7';
+const peaceNew = '#FFEBF1';
 const verve = '#CA4808';
 const brandingVerve = '#FF874C';
 const uplift = '#FF4438';
+const upliftNew = '#D8385E';
 const deepPurple = '#710252';
+const deepPurpleNew = '#590931';
 const yoga = '#FFEEF2';
 
 // Feedback ↓
 
 const success = '#C1EEDB';
+const successNew = '#E3EFC3';
 const neutral = '#E0DFFF';
+const neutralNew = '#EAE0FF';
 const attention = '#FCD6C3';
 
 // Gray scale ↓
 
 const stamina = '#231B22';
+const staminaNew = '#1D1D1F';
 const deep = '#6B6B78';
+const deepNew = '#57544D';
 const medium = '#9898A6';
+const mediumNew = '#A6A298';
 const light = '#D7D7E0';
+const lightNew = '#E1DED7';
+const lightest = '#EFEDE7';
 const clear = '#F5F5FA';
+const clearNew = '#FAF9F5';
 const white = '#FFFFFF';
 
 const colors = {
@@ -49,6 +64,23 @@ const colors = {
   light,
   clear,
   white,
+
+  // New Colors
+  hopeNew,
+  relaxNew,
+  neon,
+  sand,
+  peaceNew,
+  upliftNew,
+  deepPurpleNew,
+  successNew,
+  neutralNew,
+  staminaNew,
+  deepNew,
+  mediumNew,
+  lightNew,
+  lightest,
+  clearNew,
 } as const;
 
 export default colors;

packages/tokens/src/global/fonts.ts

@@ -7,14 +7,20 @@ export interface Font {
 
 export interface Fonts {
   rubik?: Font;
+  inter?: Font;
 }
 
 const fontWeights = Object.values(weights);
+const weight = [...fontWeights, ...fontWeights.map(value => `${value}i`)];
 
 const fonts: Fonts = {
   rubik: {
     family: 'Rubik',
-    weight: [...fontWeights, ...fontWeights.map(value => `${value}i`)],
+    weight,
+  },
+  inter: {
+    family: 'Inter',
+    weight,
   },
 };