diff --git a/styles/global.css b/styles/global.css
index 285456f..0dbb75e 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -5,6 +5,7 @@
 	/* background*/
 	--color-back-base:		hsl(0,   0%, 100%);
 	--color-back-dark:		hsl(0,   0%,  95%);
+	--color-grey-dark:		hsl(0,   0%,  50%);
 	/* color range */
 	--color-purple:			hsl(324, 86%,  52%); /* #ee1998 - rgb(238, 25,  152) */
 	--color-pink:			hsl(324, 100%, 74%); /* #ff7bca - rgb(255, 123, 202) */
diff --git a/styles/media.css b/styles/media.css
index 2f694c6..189567e 100644
--- a/styles/media.css
+++ b/styles/media.css
@@ -62,8 +62,8 @@
 		top: 10px;
 		width: 26px;
 		height: 14px;
-		border-top: 2px solid lightgrey;
-		border-bottom: 2px solid lightgrey;
+		border-top: 2px solid var(--color-grey-dark);
+		border-bottom: 2px solid var(--color-grey-dark);
 	}
 	nav.navbar .burger::after {
 		content: "";
@@ -72,7 +72,7 @@
 		top: 18px;
 		width: 26px;
 		height: 2px;
-		border-top: 2px solid lightgrey;
+		border-top: 2px solid var(--color-grey-dark);
 	}
 	nav.navbar #burger:checked ~ .nav_right {
 		display: flex;