Merge pull request #45 from SOPT-36-NINEDOT/refac/#44/rem

[Fix]: rem 기준 변경

Author: jisooooooooooo

src/style/global.css.ts

@@ -3,7 +3,7 @@ import { globalStyle } from '@vanilla-extract/css';
 import './reset.css.ts';
 
 globalStyle('html', {
-  fontSize: '100%',
+  fontSize: '62.5%',
 });
 
 globalStyle('body', {

src/style/token/typography.css.ts

@@ -1,96 +1,96 @@
 export const fonts = {
   display01: {
-    fontSize: '3.375rem', // 54px
+    fontSize: '5.4rem',
     fontWeight: '700',
     lineHeight: '140%',
   },
   display02: {
-    fontSize: '1.75rem', // 28px
+    fontSize: '2.8rem',
     fontWeight: '700',
     lineHeight: '140%',
   },
   title01: {
-    fontSize: '1.75rem', // 28px
+    fontSize: '2.8rem',
     fontWeight: '600',
     lineHeight: '140%',
   },
   title02: {
-    fontSize: '1.75rem', // 28px
+    fontSize: '2.8rem',
     fontWeight: '300',
     lineHeight: '140%',
   },
   title03: {
-    fontSize: '1.5rem', // 24px
+    fontSize: '2.4rem',
     fontWeight: '700',
     lineHeight: '140%',
   },
   title04: {
-    fontSize: '1.5rem', // 24px
+    fontSize: '2.4rem',
     fontWeight: '600',
     lineHeight: '140%',
   },
   subtitle01: {
-    fontSize: '1.25rem', // 20px
+    fontSize: '2rem',
     fontWeight: '700',
     lineHeight: '140%',
   },
   subtitle02: {
-    fontSize: '1.25rem', // 20px
+    fontSize: '2rem',
     fontWeight: '600',
     lineHeight: '140%',
   },
   subtitle03: {
-    fontSize: '1.25rem', // 20px
+    fontSize: '2rem',
     fontWeight: '500',
     lineHeight: '140%',
   },
   subtitle04: {
-    fontSize: '1.25rem', // 20px
+    fontSize: '2rem',
     fontWeight: '400',
     lineHeight: '140%',
   },
   subtitle05: {
-    fontSize: '1.125rem', // 18px
+    fontSize: '1.8rem',
     fontWeight: '700',
     lineHeight: '140%',
   },
   subtitle06: {
-    fontSize: '1.125rem', // 18px
+    fontSize: '1.8rem',
     fontWeight: '400',
     lineHeight: '140%',
   },
   body01: {
-    fontSize: '1rem', // 16px
+    fontSize: '1.6rem',
     fontWeight: '700',
     lineHeight: '140%',
   },
   body02: {
-    fontSize: '1rem', // 16px
+    fontSize: '1.6rem',
     fontWeight: '500',
     lineHeight: '140%',
   },
   body03: {
-    fontSize: '1rem', // 16px
+    fontSize: '1.6rem',
     fontWeight: '400',
     lineHeight: '140%',
   },
   body04: {
-    fontSize: '0.875rem', // 14px
+    fontSize: '1.4rem',
     fontWeight: '700',
     lineHeight: '140%',
   },
   body05: {
-    fontSize: '0.875rem', // 14px
+    fontSize: '1.4rem',
     fontWeight: '400',
     lineHeight: '140%',
   },
   caption01: {
-    fontSize: '0.75rem', // 12px
+    fontSize: '1.2rem',
     fontWeight: '700',
     lineHeight: '140%',
   },
   caption02: {
-    fontSize: '0.75rem', // 12px
+    fontSize: '1.2rem',
     fontWeight: '400',
     lineHeight: '140%',
   },