diff --git a/packages/shadcn-ui/components.json b/packages/shadcn-ui/components.json
index 3d75298..44e635c 100644
--- a/packages/shadcn-ui/components.json
+++ b/packages/shadcn-ui/components.json
@@ -6,7 +6,7 @@
   "tailwind": {
     "config": "",
     "css": "src/styles/globals.css",
-    "baseColor": "olive",
+    "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""
   },
diff --git a/packages/shadcn-ui/src/styles/globals.css b/packages/shadcn-ui/src/styles/globals.css
index c23b7c4..9106af9 100644
--- a/packages/shadcn-ui/src/styles/globals.css
+++ b/packages/shadcn-ui/src/styles/globals.css
@@ -7,28 +7,38 @@
 :root {
   --background: oklch(0.9911 0 0);
   --foreground: oklch(0.1763 0.0140 258.3572);
+
   --card: oklch(1.0000 0 0);
   --card-foreground: oklch(0.1763 0.0140 258.3572);
+  
   --popover: oklch(1.0000 0 0);
   --popover-foreground: oklch(0.1763 0.0140 258.3572);
+  
   --primary: oklch(0.5882 0.2309 28.2936);
   --primary-foreground: oklch(1.0000 0 0);
+  
   --secondary: oklch(0.3303 0.0753 267.1046);
   --secondary-foreground: oklch(1.0000 0 0);
+  
   --muted: oklch(0.9674 0.0013 286.3752);
   --muted-foreground: oklch(0.5517 0.0138 285.9385);
+  
   --accent: oklch(0.8342 0.0950 7.8239);
   --accent-foreground: oklch(0.3155 0.1064 18.1157);
+  
   --destructive: oklch(0.3999 0.1641 29.2339);
   --destructive-foreground: oklch(1.0000 0 0);
+  
   --border: oklch(0.9197 0.0040 286.3202);
   --input: oklch(0.9197 0.0040 286.3202);
   --ring: oklch(0.5882 0.2309 28.2936);
+  
   --chart-1: oklch(0.5882 0.2309 28.2936);
   --chart-2: oklch(0.3303 0.0753 267.1046);
   --chart-3: oklch(0.8342 0.0950 7.8239);
   --chart-4: oklch(0.8948 0.0509 64.2066);
   --chart-5: oklch(0.7118 0.0129 286.0665);
+  
   --sidebar: oklch(1.0000 0 0);
   --sidebar-foreground: oklch(0.3703 0.0119 285.8054);
   --sidebar-primary: oklch(0.5882 0.2309 28.2936);
@@ -37,10 +47,11 @@
   --sidebar-accent-foreground: oklch(0.1763 0.0140 258.3572);
   --sidebar-border: oklch(0.9674 0.0013 286.3752);
   --sidebar-ring: oklch(0.5882 0.2309 28.2936);
+  
   --font-sans: 'Inter', sans-serif;
   --font-serif: 'Georgia', serif;
   --font-mono: 'JetBrains Mono', monospace;
-  --radius: 0.75rem;
+  
   --shadow-x: 0px;
   --shadow-y: 4px;
   --shadow-blur: 10px;
@@ -55,35 +66,50 @@
   --shadow-lg: 0px 4px 10px -2px hsl(0 0% 0% / 0.10), 0px 4px 6px -3px hsl(0 0% 0% / 0.10);
   --shadow-xl: 0px 4px 10px -2px hsl(0 0% 0% / 0.10), 0px 8px 10px -3px hsl(0 0% 0% / 0.10);
   --shadow-2xl: 0px 4px 10px -2px hsl(0 0% 0% / 0.25);
+  
   --tracking-normal: -0.02em;
+  
+  --radius: 0.5rem;
+
   --spacing: 0.25rem;
+
 }
 
 .dark {
   --background: oklch(0.1645 0.0086 274.3354);
   --foreground: oklch(0.9911 0 0);
+
   --card: oklch(0.2145 0.0184 270.4182);
   --card-foreground: oklch(0.9911 0 0);
+
   --popover: oklch(0.2145 0.0184 270.4182);
   --popover-foreground: oklch(0.9911 0 0);
+
   --primary: oklch(0.6453 0.2404 27.3106);
   --primary-foreground: oklch(1.0000 0 0);
+
   --secondary: oklch(0.2604 0.0471 267.4902);
   --secondary-foreground: oklch(1.0000 0 0);
+
   --muted: oklch(0.2739 0.0055 286.0326);
   --muted-foreground: oklch(0.7118 0.0129 286.0665);
+  
   --accent: oklch(0.6986 0.1954 14.1660);
   --accent-foreground: oklch(1.0000 0 0);
+
   --destructive: oklch(0.3958 0.1331 25.7230);
   --destructive-foreground: oklch(1.0000 0 0);
+
   --border: oklch(0.2739 0.0055 286.0326);
   --input: oklch(0.2739 0.0055 286.0326);
   --ring: oklch(0.6453 0.2404 27.3106);
+
   --chart-1: oklch(0.6453 0.2404 27.3106);
   --chart-2: oklch(0.3986 0.0946 266.8132);
   --chart-3: oklch(0.7570 0.1485 11.9623);
   --chart-4: oklch(0.7824 0.0829 60.0948);
   --chart-5: oklch(0.4419 0.0146 285.7864);
+
   --sidebar: oklch(0.1645 0.0086 274.3354);
   --sidebar-foreground: oklch(0.7118 0.0129 286.0665);
   --sidebar-primary: oklch(0.6453 0.2404 27.3106);
@@ -92,10 +118,11 @@
   --sidebar-accent-foreground: oklch(0.9911 0 0);
   --sidebar-border: oklch(0.2739 0.0055 286.0326);
   --sidebar-ring: oklch(0.6453 0.2404 27.3106);
+
   --font-sans: 'Inter', sans-serif;
   --font-serif: 'Georgia', serif;
   --font-mono: 'JetBrains Mono', monospace;
-  --radius: 0.75rem;
+
   --shadow-x: 0px;
   --shadow-y: 8px;
   --shadow-blur: 15px;
@@ -112,6 +139,19 @@
   --shadow-2xl: 0px 8px 15px -3px hsl(0 0% 0% / 1.00);
 }
 
+@theme {
+  --spacing: 4px;
+  --spacing-sidebar-width: 280px;
+  --spacing-header-height: 74px;
+  --spacing-topbar-height: 60px;
+  --spacing-sidebar-collapsed-width: 110px;
+  --spacing-sidebar-collapsed-active-width: 300px;
+  --spacing-sidebar-tab-width: 75px;
+  --spacing-sidebar-tab-navbar-width: 320px;
+
+  --text-base: 0.875rem;
+}
+
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
@@ -150,10 +190,14 @@
   --font-mono: var(--font-mono);
   --font-serif: var(--font-serif);
 
+  /* Radius */
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);
   --radius-lg: var(--radius);
   --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+  --radius-3xl: calc(var(--radius) + 12px);
+  --radius-4xl: calc(var(--radius) + 16px);
 
   --shadow-2xs: var(--shadow-2xs);
   --shadow-xs: var(--shadow-xs);
@@ -184,4 +228,59 @@
   button:not(:disabled), [role="button"]:not(:disabled) {
     cursor: pointer;
   }
+
+  html {
+    @apply font-sans;
+  }
+
+  h1,
+  .h1 {
+    font-size: 38px;
+    font-weight: 700;
+  }
+
+  h2,
+  .h2 {
+    font-size: 30px;
+    font-weight: 700;
+  }
+
+  h3,
+  .h3 {
+    font-size: 24px;
+    font-weight: 600;
+  }
+
+  h4,
+  .h4 {
+    font-size: 20px;
+    font-weight: 600;
+  }
+
+  h5,
+  .h5 {
+    font-size: 16px;
+    font-weight: 600;
+  }
+
+  h6,
+  .h6 {
+    font-size: 14px;
+    font-weight: 600;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  .h1,
+  .h2,
+  .h3,
+  .h4,
+  .h5,
+  .h6 {
+    @apply text-mist-800 dark:text-mist-100;
+  }
 }
\ No newline at end of file