added discrete headers to .css

src/app.css

@@ -74,7 +74,7 @@
     @apply hover:bg-primary-100 dark:hover:bg-primary-800;
   }
 
-  /* Heading */
+  /* Section headers */
   h1.h-leather,
   h2.h-leather,
   h3.h-leather,
@@ -108,6 +108,30 @@
     @apply text-base font-semibold;
   }
 
+  /* Discrete headers */
+  h3.discrete,
+  h4.discrete,
+  h5.discrete,
+  h6.discrete {
+    @apply text-gray-800 dark:text-gray-300;
+  }
+
+  h3.discrete {
+    @apply text-2xl font-bold;
+  }
+
+  h4.discrete {
+    @apply text-xl font-bold;
+  }
+
+  h5.discrete {
+    @apply text-lg font-semibold;
+  }
+
+  h6.discrete {
+    @apply text-base font-semibold;
+  }
+
   /* Modal */
   div.modal-leather > div {
     @apply bg-primary-0 dark:bg-primary-950 border-b-[1px] border-primary-100 dark:border-primary-600;