From 3ec2f2e763b06dc9d780c82ef803d0750a98946c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=B0=EC=83=81=EB=B9=88?= <saokm5@gmail.com>
Date: Sun, 16 Aug 2026 21:07:38 +0900
Subject: [PATCH] =?UTF-8?q?refactor(css):=20=EB=8B=A4=ED=81=AC=20=EB=AA=A8?=
 =?UTF-8?q?=EB=93=9C=EC=97=90=EC=84=9C=20=EB=9D=BC=EC=9D=B4=ED=8A=B8?=
 =?UTF-8?q?=EC=99=80=20=EB=8F=99=EC=9D=BC=ED=95=9C=20=EB=B3=80=EC=88=98=20?=
 =?UTF-8?q?=EC=9E=AC=EC=84=A0=EC=96=B8=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- .dark 블록에서 :root와 값이 동일한 23개 변수(font, radius, shadow, chart) 제거
- 테마에 무관한 변수는 :root 에만 선언하여 단일 원천(Single Source of Truth) 유지
- 한쪽만 수정 시 불일치가 발생하는 유지보수 위험 제거 및 CSS 파일 크기 절감
---
 src/app/globals.css | 25 ++-----------------------
 1 file changed, 2 insertions(+), 23 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index c96b72e..e1e75e8 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -61,6 +61,8 @@
   --spacing: 0.25rem;
 }
 
+/* 테마에 무관한 변수(font, radius, shadow, chart)는 :root 에만 선언한다.
+   .dark 는 색상 토큰처럼 실제로 값이 달라지는 변수만 재정의한다. */
 .dark {
   --background: oklch(0.205 0 0);
   --foreground: oklch(0.985 0 0);
@@ -81,11 +83,6 @@
   --border: oklch(0.32 0 0);
   --input: oklch(0.32 0 0);
   --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.81 0.1 252);
-  --chart-2: oklch(0.62 0.19 260);
-  --chart-3: oklch(0.55 0.22 263);
-  --chart-4: oklch(0.49 0.22 264);
-  --chart-5: oklch(0.42 0.18 266);
   --sidebar: oklch(0.269 0 0);
   --sidebar-foreground: oklch(0.985 0 0);
   --sidebar-primary: oklch(0.488 0.243 264.376);
@@ -94,24 +91,6 @@
   --sidebar-accent-foreground: oklch(0.985 0 0);
   --sidebar-border: oklch(0.46 0 0);
   --sidebar-ring: oklch(0.439 0 0);
-  --font-sans: "Pretendard Variable", ui-sans-serif, sans-serif, system-ui;
-  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-  --font-mono: "Geist Mono Variable", ui-monospace, monospace;
-  --radius: 1rem;
-  --shadow-x: 0;
-  --shadow-y: 1px;
-  --shadow-blur: 3px;
-  --shadow-spread: 0px;
-  --shadow-opacity: 0.1;
-  --shadow-color: oklch(0 0 0);
-  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
-  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
-  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
-  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
-  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
-  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
-  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
-  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
 }
 
 @theme inline {