avoid setting color in custom font-* classes, renamed font-lead to lead, similar to tailwindcss-typography

Author: tobihagemann

assets/css/custom.css

@@ -97,12 +97,12 @@
   @apply font-headline text-lg md:text-xl leading-relaxed;
 }
 
-.font-lead {
-  @apply text-lg md:text-xl leading-relaxed text-gray-700;
+.font-p {
+  @apply text-sm md:text-base leading-relaxed;
 }
 
-.font-p {
-  @apply text-sm md:text-base leading-relaxed text-gray-700;
+.lead {
+  @apply text-lg md:text-xl leading-relaxed text-gray-700;
 }
 
 .label-uppercase {

layouts/hub/single.html

@@ -10,7 +10,7 @@
           <span class="font-headline font-bold text-primary ml-2 pb-px">CRYPTOMATOR&nbsp;HUB</span>
         </div>
         <h1 class="font-h1 mb-6">{{ i18n "hub_header_title" . | safeHTML }}</h1>
-        <p class="font-lead mb-6">{{ i18n "hub_header_description" . | safeHTML }}</p>
+        <p class="lead mb-6">{{ i18n "hub_header_description" . | safeHTML }}</p>
         <div class="flex flex-col md:flex-row gap-6 mb-4">
           <div class="flex flex-col gap-2">
             <p class="block uppercase tracking-wide text-gray-700 text-xs font-bold">{{ i18n "hub_header_managed_title" . }}</p>