Use Flowbite 4 semantic colors

Author: koppen

demo/app/components/docs/headline/h1.rb

@@ -1,6 +1,6 @@
 class Docs::Headline::H1 < Docs::Headline
   def classes
-    "mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:text-white"
+    "mb-4 text-4xl tracking-tight font-bold text-heading"
   end
 
   def tag

demo/app/components/docs/headline/h2.rb

@@ -1,6 +1,6 @@
 class Docs::Headline::H2 < Docs::Headline
   def classes
-    "mb-4 mt-8 text-2xl font-bold"
+    "mb-4 mt-8 text-2xl font-bold text-heading"
   end
 
   def tag

demo/app/components/docs/headline/h3.rb

@@ -1,6 +1,6 @@
 class Docs::Headline::H3 < Docs::Headline
   def classes
-    "mt-4 mb-2 text-xl font-bold"
+    "mt-4 mb-2 text-xl font-bold text-heading"
   end
 
   def tag

demo/app/components/docs/headline/h4.rb

@@ -1,6 +1,6 @@
 class Docs::Headline::H4 < Docs::Headline
   def classes
-    "mt-4 text-md font-bold"
+    "mt-4 text-md font-bold text-heading"
   end
 
   def tag