refactor styles

src/app/styles/pages-styles.scss

@@ -212,24 +212,11 @@
 .stats-grid {
 	display: grid;
 	grid-template-columns: repeat(5, 1fr);
-	--boder-collor: #f3f4f6;
-	border-bottom: 1px solid var(--boder-collor);
+	border-bottom: 1px solid v.$b-color-1;
 	align-items: center;
 
-	.stats-item.images {
-		--card-color-1: #f08c00;
-	}
-
-	.stats-item.videos {
-		--card-color-1: #2f9e44;
-	}
-
-	.stats-item.audio {
-		--card-color-1: #1971c2;
-	}
-
 	.stats-item {
-		border: 1px solid var(--boder-collor);
+		border: 1px solid v.$b-color-1;
 		border-right: none;
 		border-left: none;
 		border-bottom: none;
@@ -253,9 +240,20 @@
 			font-weight: 500;
 
 			.icon {
-				color: var(--card-color-1);
 				margin-right: 10px;
 			}
+
+			&.images {
+				color: v.$color-image;
+			}
+
+			&.videos {
+				color: v.$color-video;
+			}
+
+			&.audio {
+				color: v.$color-audio;
+			}
 		}
 
 		&.second-row {
@@ -264,7 +262,7 @@
 
 		&.left-top-corner {
 			border-top-left-radius: 10px;
-			border-left: 1px solid var(--boder-collor);
+			border-left: 1px solid v.$b-color-1;
 			justify-content: start;
 			padding-left: 20px;
 		}