From 572d997ce51e3eccb47856c2dd4cc6e73726fbca Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Tue, 12 May 2026 12:10:27 +0900
Subject: [PATCH 1/4] =?UTF-8?q?style:=20=EC=82=AC=EC=9A=A9=ED=95=A0=20colo?=
 =?UTF-8?q?r=20=EC=A0=95=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/theme.css      | 45 +++++++++++++++++++++++++++++++++++++++
 src/styles/typography.css |  0
 2 files changed, 45 insertions(+)
 create mode 100644 src/styles/theme.css
 create mode 100644 src/styles/typography.css

diff --git a/src/styles/theme.css b/src/styles/theme.css
new file mode 100644
index 0000000..80cbeb6
--- /dev/null
+++ b/src/styles/theme.css
@@ -0,0 +1,45 @@
+/*컬러 정리*/
+
+:root {
+  --black-1: #121212;
+  --black-2: #1a1a1a;
+  --black-3: #2e2e2e;
+
+  --white-1: #fafaf8;
+  --white-2: #fdfcf8;
+  --white-3: #f3f0e9;
+
+  --gold-1: #dfc078;
+  --gold-2: #cdb174;
+  --gold-3: #b5921f;
+  --gold-4: #8b6b0a;
+
+  --text-disabled: #3d3a35;
+  --text-muted: #555555;
+  --text-placeholder: #807c75;
+  --text-tertiary: #b3b0a8;
+  --text-secondary: #e6e3de;
+  --text-primary: #faf8f4;
+}
+
+@theme inline {
+  --color-black-1: var(--black-1);
+  --color-black-2: var(--black-2);
+  --color-black-3: var(--black-3);
+
+  --color-white-1: var(--white-1);
+  --color-white-2: var(--white-2);
+  --color-white-3: var(--white-3);
+
+  --color-gold-1: var(--gold-1);
+  --color-gold-2: var(--gold-2);
+  --color-gold-3: var(--gold-3);
+  --color-gold-4: var(--gold-4);
+
+  --color-text-disabled: var(--text-disabled);
+  --color-text-muted: var(--text-muted);
+  --color-text-placeholder: var(--text-placeholder);
+  --color-text-tertiary: var(--text-tertiary);
+  --color-text-secondary: var(--text-secondary);
+  --color-text-primary: var(--text-primary);
+}
diff --git a/src/styles/typography.css b/src/styles/typography.css
new file mode 100644
index 0000000..e69de29

From a5f27be40c1a7913474eb41a27220985654b2661 Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Tue, 12 May 2026 13:57:12 +0900
Subject: [PATCH 2/4] =?UTF-8?q?style:=20font=20tyopography=20=EC=A0=95?=
 =?UTF-8?q?=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/theme.css      |  2 +-
 src/styles/typography.css | 87 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 88 insertions(+), 1 deletion(-)

diff --git a/src/styles/theme.css b/src/styles/theme.css
index 80cbeb6..e76e608 100644
--- a/src/styles/theme.css
+++ b/src/styles/theme.css
@@ -22,7 +22,7 @@
   --text-primary: #faf8f4;
 }
 
-@theme inline {
+@theme {
   --color-black-1: var(--black-1);
   --color-black-2: var(--black-2);
   --color-black-3: var(--black-3);
diff --git a/src/styles/typography.css b/src/styles/typography.css
index e69de29..c0b4ce9 100644
--- a/src/styles/typography.css
+++ b/src/styles/typography.css
@@ -0,0 +1,87 @@
+/*폰트정리*/
+
+@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap");
+
+:root {
+  /*font family*/
+  --font-korean: "Noto Serif KR", serif;
+  --font-body-en: "Noto Serif", serif;
+  --font-title-en: "Bodoni Moda", serif;
+
+  /*typography*/
+  --text-hero: 56px;
+  --text-heading1: 40px;
+  --text-heading2: 32px;
+  --text-heading3: 24px;
+  --text-body1: 22px;
+  --text-body2: 18px;
+  --text-label: 14px;
+  --text-caption: 12px;
+
+  --font-weight-bold: 700;
+  --font-weight-semibold: 600;
+  --font-weight-medium: 500;
+  --font-weight-regular: 400;
+}
+
+@theme {
+  /*font family*/
+  --font-koerean: var(--font-korean);
+  --font-body-en: var(--font-body-en);
+  --font-title-en: var(--font-title-en);
+
+  /*font size*/
+  --text-hero: var(--text-hero);
+  --text-heading1: var(--text-heading1);
+  --text-heading2: var(--text-heading2);
+  --text-heading3: var(--text-heading3);
+  --text-body1: var(--text-body1);
+  --text-body2: var(--text-body2);
+  --text-label: var(--text-label);
+  --text-caption: var(--text-caption);
+}
+
+@layer utilities {
+  .font-hero {
+    font-size: 56px;
+    font-weight: 700;
+    line-height: 140%;
+  }
+  .font-heading1 {
+    font-size: 40px;
+    font-weight: 700;
+    line-height: 130%;
+  }
+  .font-heading2 {
+    font-size: 32px;
+    font-weight: 600;
+    line-height: 130%;
+  }
+  .font-heading3 {
+    font-size: 24px;
+    font-weight: 400;
+    line-height: 130%;
+  }
+  .font-body1 {
+    font-size: 22px;
+    font-weight: 400;
+    line-height: 130%;
+  }
+  .font-body2 {
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 130%;
+  }
+  .font-label {
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 140%;
+  }
+  .font-caption {
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 130%;
+  }
+}

From 29cfa11521343296a8e05fad6398ec39d82f43ee Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Tue, 12 May 2026 14:00:22 +0900
Subject: [PATCH 3/4] =?UTF-8?q?style:=20rounded=20=EC=A0=95=EB=A6=AC=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/theme.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/styles/theme.css b/src/styles/theme.css
index e76e608..1c88146 100644
--- a/src/styles/theme.css
+++ b/src/styles/theme.css
@@ -20,6 +20,10 @@
   --text-tertiary: #b3b0a8;
   --text-secondary: #e6e3de;
   --text-primary: #faf8f4;
+
+  --radius-10: 10px;
+  --radius-15: 15px;
+  --radius-20: 20px;
 }
 
 @theme {
@@ -42,4 +46,8 @@
   --color-text-tertiary: var(--text-tertiary);
   --color-text-secondary: var(--text-secondary);
   --color-text-primary: var(--text-primary);
+
+  --radius-10: var(--radius-10);
+  --radius-20: var(--radius-20);
+  --radius-30: var(--radius-30);
 }

From 42737206978beb1ae4105b982557add701f10590 Mon Sep 17 00:00:00 2001
From: JAESEON PARK <ddorri83@naver.com>
Date: Tue, 12 May 2026 14:11:36 +0900
Subject: [PATCH 4/4] =?UTF-8?q?fix:=20=EB=B3=80=EC=88=98=20=EC=98=A4?=
 =?UTF-8?q?=ED=83=80=20=EB=B0=8F=20=EB=88=84=EB=9D=BD=20=EB=B3=80=EC=88=98?=
 =?UTF-8?q?=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/theme.css      | 2 +-
 src/styles/typography.css | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/styles/theme.css b/src/styles/theme.css
index 1c88146..15a1ec6 100644
--- a/src/styles/theme.css
+++ b/src/styles/theme.css
@@ -48,6 +48,6 @@
   --color-text-primary: var(--text-primary);
 
   --radius-10: var(--radius-10);
+  --radius-15: var(--radius-15);
   --radius-20: var(--radius-20);
-  --radius-30: var(--radius-30);
 }
diff --git a/src/styles/typography.css b/src/styles/typography.css
index c0b4ce9..a1a0f75 100644
--- a/src/styles/typography.css
+++ b/src/styles/typography.css
@@ -28,7 +28,7 @@
 
 @theme {
   /*font family*/
-  --font-koerean: var(--font-korean);
+  --font-korean: var(--font-korean);
   --font-body-en: var(--font-body-en);
   --font-title-en: var(--font-title-en);
 
@@ -41,6 +41,12 @@
   --text-body2: var(--text-body2);
   --text-label: var(--text-label);
   --text-caption: var(--text-caption);
+
+  /*font weight*/
+  --font-weight-bold: var(--font-weight-bold);
+  --font-weight-semibold: var(--font-weight-semibold);
+  --font-weight-medium: var(--font-weight-medium);
+  --font-weight-regular: var(--font-weight-regular);
 }
 
 @layer utilities {