diff --git a/packages/ui/src/theme.css b/packages/ui/src/theme.css
index 8b5cee4..30316a4 100644
--- a/packages/ui/src/theme.css
+++ b/packages/ui/src/theme.css
@@ -129,27 +129,34 @@
      Base sizes (xs to xl) inherit from Mantine.
      Extended sizes (2xl to 9xl) use static rems.
      ========================================= */
+
+  /* text-xs -> 12px */
   --text-xs: var(--mantine-font-size-xs);
-  --text-xs--line-height: calc(1 / 0.75);
+  --text-xs--line-height: var(--mantine-line-height-xs, 1.4);
 
+  /* text-sm -> 13px (Default Component Size) */
   --text-sm: var(--mantine-font-size-sm);
-  --text-sm--line-height: calc(1.25 / 0.875);
+  --text-sm--line-height: var(--mantine-line-height-sm, 1.45);
 
+  /* text-base -> 14px (Mantine's 'md' maps to Tailwind's 'base') */
   --text-base: var(--mantine-font-size-md);
-  --text-base--line-height: calc(1.5 / 1);
+  --text-base--line-height: var(--mantine-line-height-md, 1.55);
 
+  /* text-lg -> 16px */
   --text-lg: var(--mantine-font-size-lg);
-  --text-lg--line-height: calc(1.75 / 1.125);
+  --text-lg--line-height: var(--mantine-line-height-lg, 1.6);
 
+  /* text-xl -> 18px */
   --text-xl: var(--mantine-font-size-xl);
-  --text-xl--line-height: calc(1.75 / 1.25);
+  --text-xl--line-height: var(--mantine-line-height-xl, 1.65);
 
+  /* --- Extended Tailwind Sizes --- */
   --text-2xl: 1.5rem;
-  --text-2xl--line-height: calc(2 / 1.5);
+  --text-2xl--line-height: 2rem;
   --text-3xl: 1.875rem;
-  --text-3xl--line-height: calc(2.25 / 1.875);
+  --text-3xl--line-height: 2.25rem;
   --text-4xl: 2.25rem;
-  --text-4xl--line-height: calc(2.5 / 2.25);
+  --text-4xl--line-height: 2.5rem;
   --text-5xl: 3rem;
   --text-5xl--line-height: 1;
   --text-6xl: 3.75rem;