From 8451084cf029ad797fffa5395de50e511ca66285 Mon Sep 17 00:00:00 2001
From: jhynsoo <jhynsoo@gmail.com>
Date: Tue, 16 Jul 2024 13:53:34 +0900
Subject: [PATCH] =?UTF-8?q?design:=20semantic=20color=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/Footer/Footer.module.css |  1 +
 frontend/src/components/Header/Header.module.css |  1 +
 frontend/src/index.css                           | 11 +++++++++++
 3 files changed, 13 insertions(+)

diff --git a/frontend/src/components/Footer/Footer.module.css b/frontend/src/components/Footer/Footer.module.css
index 39c9c4e..2afd770 100644
--- a/frontend/src/components/Footer/Footer.module.css
+++ b/frontend/src/components/Footer/Footer.module.css
@@ -18,6 +18,7 @@
   font-size: 14px;
   line-height: 1.4;
   font-weight: 400;
+  box-sizing: border-box;
 }
 
 .title {
diff --git a/frontend/src/components/Header/Header.module.css b/frontend/src/components/Header/Header.module.css
index 77f41fb..be2affb 100644
--- a/frontend/src/components/Header/Header.module.css
+++ b/frontend/src/components/Header/Header.module.css
@@ -23,6 +23,7 @@
   line-height: 1.4;
   font-weight: 700;
   color: var(--text-color);
+  box-sizing: border-box;
 }
 
 .group {
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 5f659f9..3bac908 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -124,6 +124,17 @@
   --warning-color: var(--yellow500);
   --info-color: var(--blue500);
 
+  --on-primary: var(--whiteOpacity800);
+  --on-error: var(--whiteOpacity800);
+  --on-success: var(--whiteOpacity800);
+  --on-warning: var(--whiteOpacity800);
+  --on-info: var(--whiteOpacity800);
+
+  --error-border: var(--red700);
+  --success-border: var(--green700);
+  --warning-border: var(--yellow700);
+  --info-border: var(--blue700);
+
   /* shadow */
   --shadow: 2px 4px 12px var(--greyOpacity200);
   --shadow-hard: 2px 4px 16px var(--greyOpacity300);