feat(theme): color scheme and fonts

tailwind.config.ts

@@ -1,19 +1,54 @@
 import { type Config } from "tailwindcss";
 import { fontFamily } from "tailwindcss/defaultTheme";
 
-const config: Config = {
+const config = {
   content: ["./src/**/*.tsx"],
   theme: {
     extend: {
+      fontSize: {
+        "sm": "0.8rem",
+        "base": "1rem",
+        "lg": "1.125rem",
+        "xl": "1.25rem",
+        "2xl": "1.563rem",
+        "3xl": "1.953rem",
+        "4xl": "2.441rem",
+        "5xl": "3.052rem",
+      },
       fontFamily: {
         sans: ["var(--font-sans)", ...fontFamily.sans],
+        body: ["JetBrainsMono", "mono"],
       },
       boxShadow: {
         window: "0 0 1px 1px #1a1a1a",
       },
+      colors: {
+        foreground: "#cdd6f4",
+        background: "#1e1e2e",
+        borderInactive: "#595959",
+        borderActive: "#cdd6f4",
+        selectionForeground: "#1e1e2e",
+        selectionBackground: "#f5e0dc",
+        color0: "#45475a",
+        color1: "#f38ba8",
+        color2: "#a6e3a1",
+        color3: "#f9e2af",
+        color4: "#89bafa",
+        color5: "#f5c2e7",
+        color6: "#94e2d5",
+        color7: "#bac2de",
+        color8: "#585B70",
+        color9: "#f38ba8",
+        color10: "#a6e3a1",
+        color11: "#f9e2af",
+        color12: "#89bafa",
+        color13: "#f5c2e7",
+        color14: "#94e2d5",
+        color15: "#a6adc8",
+      },
     },
   },
   plugins: [],
-};
+} as const satisfies Config;
 
 export default config;