diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index ee64934..0ee941c 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -34,11 +34,11 @@
   --color-gray-100: #f5f5f5;
 
   /* Font Families - Mapping to standard Tailwind keys for 'prose' compatibility */
-  --font-serif: "Lora", serif;
+  --font-serif: "Playfair Display", serif;
   --font-heading: "Playfair Display", serif;
   
-  /* Set Lora as the default 'sans' as well so 'prose' picks it up automatically */
-  --font-sans: "Lora", serif;
+  /* Set Urbanist as the default 'sans' for a modern, cool, and stylish character */
+  --font-sans: "Urbanist", sans-serif;
 }
 
 /* Light Theme Overrides */
@@ -57,7 +57,7 @@ html[data-theme='light'] {
   body {
     background-color: var(--bg-primary);
     color: var(--text-primary);
-    font-family: var(--font-serif);
+    font-family: var(--font-sans);
   }
 
   h1, h2, h3, h4, h5, h6 {
diff --git a/default.hbs b/default.hbs
index 87a268c..08a5516 100644
--- a/default.hbs
+++ b/default.hbs
@@ -26,7 +26,7 @@
     <link rel="stylesheet" href="{{asset "built/screen.css"}}">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
     
     <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
     <script src="https://unpkg.com/htmx.org@2.0.0"></script>