1 files changed, 24 insertions, 24 deletions

diff --git a/src/styles/globals.css b/src/styles/globals.css
index c512dd9c..95a7a898 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -7,7 +7,7 @@
 html, body {
     @apply 
         w-screen
-        text-body
+        text-body-1
         text-gray_r-12
         bg-gray_r-1
     ;
@@ -16,15 +16,16 @@ html, body {
 @layer base {
     h1, .h1 {
         @apply
-            text-h6
+            text-h-lg
             font-semibold
         ;
     }
 
     h2, .h2 {
         @apply
-            text-body
+            text-h-md
             font-semibold
+            leading-6
         ;
     }
 
@@ -42,7 +43,7 @@ html, body {
     .badge-yellow,
     .badge-green {
         @apply
-            text-xs
+            text-caption-2
             leading-none
             font-medium
             px-1
@@ -75,8 +76,8 @@ html, body {
 
     .badge-green {
         @apply
-            bg-green-100 
-            text-green-800
+            bg-green_r-6
+            text-green_r-11
         ;
     }
 
@@ -92,7 +93,7 @@ html, body {
             p-3
             rounded
             border
-            text-gray_r-11
+            text-gray_r-12
             border-gray_r-7
             bg-transparent
             w-full
@@ -126,11 +127,10 @@ html, body {
             block
             w-fit
             p-3
-            bg-gray-100
-            border-gray-300
+            bg-gray_r-3
+            border-gray_r-6
             rounded
             border
-            text-gray-900
             text-center
         ;
     }
@@ -156,11 +156,11 @@ html, body {
             object-contain
             object-center
             border-b
-            border-gray-300
+            border-gray_r-6
         ;
     }
 
-    .product-card__description {
+    .product-card__content {
         @apply
             p-2
             pb-3
@@ -171,15 +171,17 @@ html, body {
 
     .product-card__title {
         @apply
-            text-caption-p
+            text-caption-1
             text-gray_r-12
+            leading-5
         ;
     }
 
     .product-card__brand {
         @apply 
-            text-caption-p
+            text-caption-1
             mb-1
+            block
         ;
     }
 }
@@ -323,19 +325,17 @@ html, body {
         ease-linear 
         duration-150 
         border
-        border-gray-300
-        bg-gray-100 
-        hover:bg-gray-300 
-        text-gray-800
+        border-gray_r-6
+        bg-gray_r-3
+        hover:bg-gray_r-5 
+        text-gray_r-12
     ;
 }
 
 .pagination-item--active {
     @apply 
-        border-yellow-900
-        bg-yellow-900
-        hover:bg-yellow-900
-        text-gray-900
+        border-yellow_r-9
+        bg-yellow_r-9
     ;
 }
 
@@ -348,8 +348,8 @@ html, body {
         w-10
         rounded 
         ease-linear 
-        bg-gray-100
-        text-caption
+        bg-gray_r-3
+        text-caption-2
     ;
 }