add remaining cards

tailwind.config.ts

@@ -13,6 +13,8 @@ const config: Config = {
         'foreground': "var(--foreground)",
         'primary': "var(--primary)",
         'overlay': "var(--overlay)",
+        'overlay-2': "var(--overlay-2)",
+        'overlay-3': "var(--overlay-3)",
         'overlay-bright': "var(--overlay-bright)",
         'outline': "var(--outline)",
         'outline2': "var(--outline2)",
@@ -22,15 +24,65 @@ const config: Config = {
         'failure': "var(--failure)",
         'mixed': "var(--mixed)",
       },
+      fontWeight: {
+        thin: "100",
+        extralight: "200",
+        light: "300",
+        normal: "400",
+        medium: "500",
+        semibold: "600",
+        bold: "700",
+        extrabold: "800",
+        black: "900",
+      },
     },
     borderRadius: {
       DEFAULT: "0.5rem",
+      sms: "0.1rem",
       sm: "0.125rem",
+      sml: "0.25rem",
+
+      mds: "0.3rem",
       md: "0.375rem",
+      mdl: "0.5rem",
+
+      lgs: "0.75rem",
       lg: "1rem",
+
       xl: "2rem",
       full: "9999px",
     },
+    fontSize: {
+      xs: "0.75rem",
+      sm: "0.875rem",
+      base: "1rem",
+      md: "1.105rem",
+      lg: "1.125rem",
+      xl: "1.25rem"
+    },
+    fontWeight: {
+      thin: "100",
+      extralight: "200",
+      light: "300",
+      normal: "400",
+      medium: "500",
+      semibold: "600",
+      bold: "700",
+      extrabold: "800",
+      black: "900",
+    },
+    outlineWidth: {
+      DEFAULT: "2px",
+      1: "1px",
+      1.25: "1.25px",
+      1.5: "1.5px",
+      1.75: "1.75px",
+      2: "2px",
+      3: "3px",
+      4: "4px",
+      6: "6px",
+      8: "8px",
+    },
   },
   plugins: [],
 };