From e510651c71fe4275e9a1bf6f1aaf6db4f6840173 Mon Sep 17 00:00:00 2001
From: eunjeong <137691527+enunsnv@users.noreply.github.com>
Date: Thu, 22 Jan 2026 01:44:04 +0900
Subject: [PATCH] =?UTF-8?q?style:=20stage=20UI=20=EC=88=98=EC=A0=95=20(#35?=
 =?UTF-8?q?2)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* style: border radius 기본값(--radius) 추가

* style: gray-c 색상 추가 및 SearchBar border 수정

* style: gray-c 색상 추가 및 MyProfileContent bg 색상 수정

* style: border radius 값을 고정 px 값으로 수정

* fix: prettier 변동 사항에 따른 정렬 수정
---
 src/app/my/_ui/MyProfileContent/index.tsx |  2 +-
 src/app/university/search/SearchBar.tsx   |  2 +-
 src/styles/globals.css                    | 15 +++++++++++----
 tailwind.config.ts                        |  8 +++++---
 4 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/app/my/_ui/MyProfileContent/index.tsx b/src/app/my/_ui/MyProfileContent/index.tsx
index e1490448..0d8b8dfa 100644
--- a/src/app/my/_ui/MyProfileContent/index.tsx
+++ b/src/app/my/_ui/MyProfileContent/index.tsx
@@ -80,7 +80,7 @@ const MyProfileContent = () => {
         </p>
       </div>
       {/* Profile Card */}
-      <div className="mb-4 rounded-lg bg-gray-50 p-4">
+      <div className="mb-4 rounded-lg bg-gray-c-300 p-4">
         <div className="mb-3 flex items-center space-x-3">
           <ProfileWithBadge profileImageUrl={profileImageUrl} width={48} height={48} />
           <div>
diff --git a/src/app/university/search/SearchBar.tsx b/src/app/university/search/SearchBar.tsx
index daeeacd8..58feba09 100644
--- a/src/app/university/search/SearchBar.tsx
+++ b/src/app/university/search/SearchBar.tsx
@@ -59,7 +59,7 @@ const SearchBar = ({ initText }: SearchBarProps) => {
         <input
           type="text"
           placeholder={"해외 파견 학교를 검색하세요."}
-          className="w-full rounded-lg border border-gray-200 bg-k-50 p-3 pl-4 pr-10 text-k-600 focus:border-primary"
+          className="w-full rounded-lg border border-gray-c-200 bg-k-50 p-3 pl-4 pr-10 text-k-600 focus:border-primary"
           {...register("searchText")}
         />
         <div className="absolute right-3 top-1/2 h-5 w-5 -translate-y-1/2 text-gray-400">
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 49dcff3b..d734175e 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -4,7 +4,11 @@
 
 @layer base {
   html {
-    font-family: var(--font-pretendard), system-ui, -apple-system, sans-serif;
+    font-family:
+      var(--font-pretendard),
+      system-ui,
+      -apple-system,
+      sans-serif;
     font-synthesis: none;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
@@ -13,7 +17,10 @@
 
   body {
     @apply m-0 bg-white;
-    font-family: system-ui, -apple-system, sans-serif;
+    font-family:
+      system-ui,
+      -apple-system,
+      sans-serif;
   }
 }
 
@@ -39,7 +46,7 @@
   }
 
   .score-table th {
-    @apply typo-sb-7 text-black;
+    @apply text-black typo-sb-7;
   }
 
   .score-table tbody tr {
@@ -47,7 +54,7 @@
   }
 
   .score-table td {
-    @apply min-w-[30px] flex-1 overflow-hidden whitespace-nowrap typo-medium-3 text-gray-600;
+    @apply min-w-[30px] flex-1 overflow-hidden whitespace-nowrap text-gray-600 typo-medium-3;
   }
 
   .score-table td:nth-of-type(5) {
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 2aab1a25..0ade1ef4 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -149,6 +149,8 @@ const config: Config = {
         },
         "gray-c": {
           "100": "#ececec",
+          "200": "#e5e7eb",
+          "300": "#f9fafb",
         },
         // 하드코딩된 회색 계열 색상
         gray: {
@@ -317,9 +319,9 @@ const config: Config = {
         height: "height",
       },
       borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
+        lg: "8px",
+        md: "6px",
+        sm: "4px",
       },
       animation: {
         "slide-up": "slideUp 0.3s ease-out",