diff --git a/assets/css/scss/_login.scss b/assets/css/scss/_login.scss
index 01582a911a..cc19bfc4ce 100644
--- a/assets/css/scss/_login.scss
+++ b/assets/css/scss/_login.scss
@@ -42,7 +42,7 @@
   &__form {
     label,
     a:not(.btn) {
-      @apply text-caption-bold text-primary;
+      @apply text-caption font-semibold text-primary;
     }
   }
 
diff --git a/assets/css/scss/atoms/_checkbox.scss b/assets/css/scss/atoms/_checkbox.scss
index 66d99706e3..75e8557a91 100644
--- a/assets/css/scss/atoms/_checkbox.scss
+++ b/assets/css/scss/atoms/_checkbox.scss
@@ -5,7 +5,7 @@
     @apply border border-solid border-gray-50 bg-white h-4 rounded w-4 transition-none;
 
     .p-checkbox-icon {
-      @apply text-caption-bold text-white;
+      @apply text-caption font-semibold text-white;
     }
 
     &.p-highlight {
diff --git a/assets/css/scss/atoms/_fieldset.scss b/assets/css/scss/atoms/_fieldset.scss
index ffce281183..84a0dfb41a 100644
--- a/assets/css/scss/atoms/_fieldset.scss
+++ b/assets/css/scss/atoms/_fieldset.scss
@@ -2,7 +2,7 @@
   @apply border border-solid border-support-3 rounded-lg p-3.5;
 
   &-legend {
-    @apply text-body-1-bold px-2;
+    @apply text-body-1 font-semibold px-2;
   }
 
   &-content {
diff --git a/assets/css/scss/atoms/_tags.scss b/assets/css/scss/atoms/_tags.scss
index fd2a8c8314..9d88eaa651 100644
--- a/assets/css/scss/atoms/_tags.scss
+++ b/assets/css/scss/atoms/_tags.scss
@@ -1,5 +1,5 @@
 .p-tag {
-  @apply box-decoration-clone text-caption-bold py-1 px-4 rounded-full text-white inline-block;
+  @apply box-decoration-clone text-caption font-semibold py-1 px-4 rounded-full text-white inline-block;
 
   &-success {
     @apply bg-success;
@@ -31,7 +31,7 @@
 }
 
 .badge {
-  @apply box-decoration-clone text-caption-bold py-1 px-4 rounded-full text-white inline-block;
+  @apply box-decoration-clone text-caption font-semibold py-1 px-4 rounded-full text-white inline-block;
 
   &--default {
     @apply bg-gray-50;
@@ -60,4 +60,4 @@
   &--secondary {
     @apply bg-secondary;
   }
-}
\ No newline at end of file
+}
diff --git a/assets/css/scss/molecules/_course_tool.scss b/assets/css/scss/molecules/_course_tool.scss
index fef11defa1..bcf5e783fe 100644
--- a/assets/css/scss/molecules/_course_tool.scss
+++ b/assets/css/scss/molecules/_course_tool.scss
@@ -13,7 +13,7 @@
   }
 
   &__title {
-    @apply text-caption-bold text-center text-primary;
+    @apply text-caption font-semibold text-center text-primary;
   }
 
   &__options {
diff --git a/assets/css/scss/molecules/_empty_state.scss b/assets/css/scss/molecules/_empty_state.scss
index 69d6724dea..8216f46c4c 100644
--- a/assets/css/scss/molecules/_empty_state.scss
+++ b/assets/css/scss/molecules/_empty_state.scss
@@ -11,7 +11,7 @@
     }
 
     &__summary {
-      @apply text-body-2-bold text-gray-90;
+      @apply text-body-2 font-semibold text-gray-90;
     }
 
     &__detail {
diff --git a/assets/css/scss/organisms/_cards.scss b/assets/css/scss/organisms/_cards.scss
index 1106feceb2..8f74ece8ef 100644
--- a/assets/css/scss/organisms/_cards.scss
+++ b/assets/css/scss/organisms/_cards.scss
@@ -2,7 +2,7 @@
   @apply rounded-lg shadow-lg;
 
   .p-card-body {
-    @apply flex flex-col gap-4 p-4;
+    @apply flex flex-col space-y-4 p-4;
   }
 
   .p-card-header {
@@ -12,11 +12,11 @@
   }
 
   .p-card-title {
-    @apply text-body-2-bold line-clamp-2 min-h-[2rem];
+    @apply text-body-2 font-semibold line-clamp-2;
   }
 
   .p-card-subtitle {
-    @apply text-body-1 text-gray-50;
+    @apply text-body-2 text-gray-50;
   }
 
   .p-card-content {
diff --git a/assets/css/scss/organisms/_datatable.scss b/assets/css/scss/organisms/_datatable.scss
index e9a3f9e709..1512acc803 100644
--- a/assets/css/scss/organisms/_datatable.scss
+++ b/assets/css/scss/organisms/_datatable.scss
@@ -2,7 +2,7 @@
 
   &-header,
   &-footer {
-    @apply bg-gray-10 text-gray-90 border-solid border-gray-30 p-3 text-caption-bold;
+    @apply bg-gray-10 text-gray-90 border-solid border-gray-30 p-3 text-caption font-semibold;
   }
 
   &-header {
@@ -37,7 +37,7 @@
   &-thead {
     > tr {
       > th {
-        @apply p-3 border-b border-solid border-gray-30 text-body-1-bold bg-gray-15 text-gray-90;
+        @apply p-3 border-b border-solid border-gray-30 text-body-1 font-semibold bg-gray-15 text-gray-90;
       }
     }
   }
@@ -59,7 +59,7 @@
   &-tfoot {
     > tr {
       > td {
-        @apply p-3 border-b border-solid border-gray-30 text-body-1-bold text-gray-90;
+        @apply p-3 border-b border-solid border-gray-30 text-body-1 font-semibold text-gray-90;
       }
     }
   }
@@ -77,7 +77,7 @@
     }
 
     .p-sortable-column-badge {
-      @apply rounded-full ml-2 text-tiny-bold px-1.5 bg-white;
+      @apply rounded-full ml-2 text-tiny font-semibold px-1.5 bg-white;
     }
   }
 
diff --git a/assets/css/scss/organisms/_install.scss b/assets/css/scss/organisms/_install.scss
index 62fc70ba01..689fc1f42a 100644
--- a/assets/css/scss/organisms/_install.scss
+++ b/assets/css/scss/organisms/_install.scss
@@ -10,7 +10,7 @@
   }
 
   &__step {
-    @apply border-0 border-solid py-3 pl-9 pr-3 text-body-2-bold text-gray-50;
+    @apply border-0 border-solid py-3 pl-9 pr-3 text-body-2 font-semibold text-gray-50;
 
     &--active {
       @apply bg-support-1 text-primary border-primary border-l-4 pl-8;
@@ -32,4 +32,4 @@ table.requirements-list {
   .requirements-value {
     @apply text-center;
   }
-}
\ No newline at end of file
+}
diff --git a/assets/css/scss/organisms/_modals.scss b/assets/css/scss/organisms/_modals.scss
index e3421c7bc6..a93a705696 100644
--- a/assets/css/scss/organisms/_modals.scss
+++ b/assets/css/scss/organisms/_modals.scss
@@ -6,7 +6,7 @@
     @apply bg-white border-b border-solid border-gray-30 flex gap-4 rounded-t-lg p-4;
 
     .p-dialog-title {
-      @apply text-body-1-bold;
+      @apply text-body-1 font-semibold;
     }
 
     .p-dialog-header-icons {
diff --git a/assets/css/scss/organisms/_sidebar.scss b/assets/css/scss/organisms/_sidebar.scss
index 81f97f7ab2..b01e19756d 100644
--- a/assets/css/scss/organisms/_sidebar.scss
+++ b/assets/css/scss/organisms/_sidebar.scss
@@ -17,7 +17,7 @@
   }
 
   &__bottom {
-    @apply border-b border-solid border-gray-25 p-6 text-tiny-bold;
+    @apply border-b border-solid border-gray-25 p-6 text-tiny font-semibold;
   }
 
   &__logout-link {
@@ -63,15 +63,15 @@
         @apply gap-4 pl-8 py-3 pr-6 mb-1 flex-nowrap;
 
         .p-submenu-icon {
-          @apply order-3 rotate-90 text-body-2-bold;
+          @apply order-3 rotate-90 text-body-2 font-semibold;
         }
 
         .p-menuitem-icon {
-          @apply order-1 text-body-2-bold;
+          @apply order-1 text-body-2 font-semibold;
         }
 
         .p-menuitem-text {
-          @apply order-2 grow text-body-2-bold whitespace-nowrap;
+          @apply order-2 grow text-body-2 font-semibold whitespace-nowrap;
         }
 
         &.router-link-active,
diff --git a/assets/css/scss/organisms/_tables.scss b/assets/css/scss/organisms/_tables.scss
index 898128bb87..1239a110bd 100644
--- a/assets/css/scss/organisms/_tables.scss
+++ b/assets/css/scss/organisms/_tables.scss
@@ -13,7 +13,7 @@
   }
 
   th {
-    @apply text-body-2-bold;
+    @apply text-body-2 font-semibold;
   }
 
   td {
@@ -21,7 +21,7 @@
 
     strong,
     b {
-      @apply text-body-2-bold;
+      @apply text-body-2 font-semibold;
     }
   }
 }
diff --git a/assets/css/scss/settings/_typography.scss b/assets/css/scss/settings/_typography.scss
index 18157d2758..2e1f3bad83 100644
--- a/assets/css/scss/settings/_typography.scss
+++ b/assets/css/scss/settings/_typography.scss
@@ -40,42 +40,6 @@
     line-height: 24px;
     font-weight: 700;
   }
-
-  .text-body-1 {
-    font-size: 16px;
-    line-height: 24px;
-  }
-
-  .text-body-1-bold {
-    @apply text-body-1 font-semibold;
-  }
-
-  .text-body-2 {
-    font-size: 14px;
-    line-height: 16px;
-  }
-
-  .text-body-2-bold {
-    @apply text-body-2 font-semibold;
-  }
-
-  .text-caption {
-    font-size: 13px;
-    line-height: 16px;
-  }
-
-  .text-caption-bold {
-    @apply text-caption font-semibold;
-  }
-
-  .text-tiny {
-    font-size: 11px;
-    line-height: 16px;
-  }
-
-  .text-tiny-bold {
-    @apply text-tiny font-semibold;
-  }
 }
 
 @layer base {
diff --git a/assets/vue/components/installer/Step2.vue b/assets/vue/components/installer/Step2.vue
index 7487a49080..b2f0e3515f 100644
--- a/assets/vue/components/installer/Step2.vue
+++ b/assets/vue/components/installer/Step2.vue
@@ -4,7 +4,7 @@
       v-t="'Step 2 - Requirements'"
       class="install-title mb-8"
     />
-    
+
     <p class="RequirementText mb-4">
       <strong v-text="t('Please read the following requirements thoroughly.')" />
     </p>
@@ -53,12 +53,12 @@
     />
 
     <div class="text-center mb-4">
-      <p class="text-body-2-bold mb-2">
+      <p class="text-body-2 font-semibold mb-2">
         {{ t('PHP version ') }} >= {{ installerData.phpRequiredVersion }}
       </p>
       <p
         v-if="installerData.stepData.isVersionPassed"
-        class="text-success text-body-1-bold"
+        class="text-success text-body-1 font-semibold"
       >
         <span
           class="mdi mdi-check"
@@ -69,7 +69,7 @@
       </p>
       <p
         v-else
-        class="text-error text-body-1-bold"
+        class="text-error text-body-1 font-semibold"
         v-text="t('Your PHP version does not match the requirements for this software. Please check you have the latest version, then try again.')"
       />
     </div>
@@ -93,7 +93,7 @@
         />
       </p>
     </div>
-      
+
     <h4
       class="install-subtitle mb-4"
       v-text="t('Recommended settings')"
@@ -237,8 +237,8 @@
     <div v-else>
       <div v-if="installerData.stepData.notWritable.length > 0">
         <strong
-          class="text-error"
           v-t="'Warning!'"
+          class="text-error"
         />
         <p class="text-error">
           {{ t('Some files or folders don\'t have writing permission. To be able to install Chamilo you should first change their permissions (using CHMOD). Please read the') }}
diff --git a/assets/vue/components/installer/Step6.vue b/assets/vue/components/installer/Step6.vue
index 877cf6df39..6e7defc3ed 100644
--- a/assets/vue/components/installer/Step6.vue
+++ b/assets/vue/components/installer/Step6.vue
@@ -25,7 +25,7 @@
       >
         <div
           v-t="'Administrator login'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -39,7 +39,7 @@
       >
         <div
           v-t="'Administrator password'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -54,7 +54,7 @@
       <div class="formgroup-inline">
         <div
           v-t="'Administrator first name'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -65,7 +65,7 @@
       <div class="formgroup-inline">
         <div
           v-t="'Administrator last name'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -76,7 +76,7 @@
       <div class="formgroup-inline">
         <div
           v-t="'Administrator e-mail'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -87,7 +87,7 @@
       <div class="formgroup-inline">
         <div
           v-t="'Administrator telephone'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -102,7 +102,7 @@
       <div class="formgroup-inline">
         <div
           v-t="'Your portal name'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -113,7 +113,7 @@
       <div class="formgroup-inline">
         <div
           v-t="'Main language'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -124,7 +124,7 @@
       <div class="formgroup-inline">
         <div
           v-t="'Allow self-registration'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -135,7 +135,7 @@
       <div class="formgroup-inline">
         <div
           v-t="'Your company short name'"
-          class="field text-body-2-bold"
+          class="field text-body-2font-semibold"
         />
         <div
           class="field text-body-2"
@@ -146,7 +146,7 @@
       <div class="formgroup-inline">
         <div
           v-t="'URL of this company'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -157,7 +157,7 @@
       <div class="formgroup-inline">
         <div
           v-t="'Encryption method'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -172,7 +172,7 @@
       <div class="formgroup-inline">
         <div
           v-t="'Database Host'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -183,7 +183,7 @@
       <div class="formgroup-inline">
         <div
           v-t="'Port'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -194,7 +194,7 @@
       <div class="formgroup-inline">
         <div
           v-t="'Database Login'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -205,7 +205,7 @@
       <div class="formgroup-inline">
         <div
           v-t="'Database Password'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
@@ -216,14 +216,14 @@
       <div class="formgroup-inline">
         <div
           v-t="'Database name'"
-          class="field text-body-2-bold"
+          class="field text-body-2 font-semibold"
         />
         <div
           class="field text-body-2"
           v-text="installerData.stepData.dbNameForm"
         />
       </div>
-      
+
       <Message
         v-if="'new' === installerData.installType"
         :closable="false"
diff --git a/tailwind.config.js b/tailwind.config.js
index d260fa2150..a4e858eaae 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -45,6 +45,12 @@ module.exports = {
       fontFamily: {
         sans: ["Helvetica Neue", "Helvetica", "Arial", "sans-serif"],
       },
+      fontSize: {
+        "body-1": ["16px", "24px"],
+        "body-2": ["14px", "16px"],
+        caption: ["13px", "16px"],
+        tiny: ["11px", "16px"],
+      },
       gridTemplateColumns: {
         "course-tools": "repeat(auto-fit, 120px)",
       },