From 2c1ab7ceed1e49e332eaf198d8dd67826fa38cbd Mon Sep 17 00:00:00 2001
From: ccconac <qwerpoiu91@naver.com>
Date: Tue, 3 Mar 2026 19:26:22 +0900
Subject: [PATCH 1/2] =?UTF-8?q?chore:=20=EB=94=94=EC=9E=90=EC=9D=B8=20?=
 =?UTF-8?q?=EC=8B=9C=EC=8A=A4=ED=85=9C=20=ED=86=A0=ED=81=B0=20tailwind=20?=
 =?UTF-8?q?=ED=85=8C=EB=A7=88=20=EC=8B=9C=EC=8A=A4=ED=85=9C=EC=97=90=20?=
 =?UTF-8?q?=EC=A3=BC=EC=9E=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/globals.css    | 26 -----------------
 styles/globals.css |  6 ++++
 tailwind.config.ts | 71 ++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 77 insertions(+), 26 deletions(-)
 delete mode 100644 app/globals.css
 create mode 100644 styles/globals.css
 create mode 100644 tailwind.config.ts

diff --git a/app/globals.css b/app/globals.css
deleted file mode 100644
index 37d72f8..0000000
--- a/app/globals.css
+++ /dev/null
@@ -1,26 +0,0 @@
-@import 'tailwindcss';
-
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
-body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
-}
diff --git a/styles/globals.css b/styles/globals.css
new file mode 100644
index 0000000..37918b3
--- /dev/null
+++ b/styles/globals.css
@@ -0,0 +1,6 @@
+@import 'tailwindcss';
+@config '../tailwind.config.ts';
+
+@theme {
+  --breakpoint-xl: 1200px;
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
new file mode 100644
index 0000000..d316732
--- /dev/null
+++ b/tailwind.config.ts
@@ -0,0 +1,71 @@
+import { theme } from '@jects/jds/tokens';
+import type { Config } from 'tailwindcss';
+import plugin from 'tailwindcss/plugin';
+
+const config: Config = {
+  content: [
+    './src/**/*.{js,ts,jsx,tsx,mdx}',
+    './app/**/*.{js,ts,jsx,tsx,mdx}',
+    '../../packages/jds/src/**/*.{js,ts,jsx,tsx}',
+  ],
+  theme: {
+    extend: {
+      colors: {
+        semantic: theme.color.semantic,
+        primitive: theme.colorPrimitive.primitive,
+      },
+      spacing: {
+        ...theme.scheme.semantic.spacing,
+        ...theme.scheme.semantic.margin,
+      },
+      borderRadius: theme.scheme.semantic.radius,
+      borderWidth: theme.scheme.semantic.strokeWeight,
+      opacity: theme.scheme.semantic.opacity,
+      fontFamily: theme.typo.primitive.typeface,
+      fontSize: {
+        ...theme.typo.primitive.fontSize,
+      },
+      lineHeight: {
+        ...theme.typo.primitive.font.lineHeight,
+      },
+      letterSpacing: {
+        ...theme.typo.primitive.font.letterSpacing,
+      },
+      transitionDuration: theme.environment.semantic.duration,
+      transitionTimingFunction: theme.environment.semantic.motion,
+      screens: {
+        mobile: '320px',
+        tablet: '768px',
+        desktop: '1200px',
+      },
+    },
+  },
+  plugins: [
+    plugin(({ addUtilities }) => {
+      const textStyleUtilities = Object.entries(theme.textStyle).reduce(
+        (acc, [key, styleObj]) => {
+          const styles: Record<string, string> = {
+            fontSize: styleObj.fontSize,
+            lineHeight: styleObj.lineHeight,
+            fontFamily: styleObj.fontFamily,
+            fontWeight: styleObj.fontWeight,
+            letterSpacing: styleObj.letterSpacing,
+          };
+
+          if (styleObj.paragraphIndent !== '0px') {
+            styles.textIndent = styleObj.paragraphIndent;
+          }
+
+          acc[`.${key}`] = styles;
+
+          return acc;
+        },
+        {} as Record<string, Record<string, string>>,
+      );
+
+      addUtilities(textStyleUtilities);
+    }),
+  ],
+};
+
+export default config;

From 625e8c21e43dff5ba982401f65904f23517c1701 Mon Sep 17 00:00:00 2001
From: ccconac <qwerpoiu91@naver.com>
Date: Tue, 3 Mar 2026 19:38:16 +0900
Subject: [PATCH 2/2] =?UTF-8?q?remove:=20=EB=B6=88=ED=95=84=EC=9A=94?=
 =?UTF-8?q?=ED=95=9C=20theme=20=EC=86=8D=EC=84=B1=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/globals.css | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/styles/globals.css b/styles/globals.css
index 37918b3..37eb466 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,6 +1,2 @@
 @import 'tailwindcss';
 @config '../tailwind.config.ts';
-
-@theme {
-  --breakpoint-xl: 1200px;
-}