From 3d708119051d90a303b82b59cd852e3075ba61d8 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 28 Jan 2026 04:06:12 +0000
Subject: [PATCH] Optimize CSS variables: consolidate form validation and muted
 colors

Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
---
 src/media/css/colors/dark/colors_standard.css  |  4 ++--
 src/media/css/colors/light/colors_standard.css | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/media/css/colors/dark/colors_standard.css b/src/media/css/colors/dark/colors_standard.css
index 1ee9146..f95e635 100644
--- a/src/media/css/colors/dark/colors_standard.css
+++ b/src/media/css/colors/dark/colors_standard.css
@@ -244,8 +244,8 @@
 	--focus-ring-opacity: .6;
 	--focus-ring-color: #5472ff66;
 
-	--form-valid-color: #78d694;
-	--form-valid-border-color: #78d694;
+	--form-valid-color: var(--green);
+	--form-valid-border-color: var(--green);
 	--form-invalid-color: #ff8e86;
 	--form-invalid-border-color: #ff8e86;
 
diff --git a/src/media/css/colors/light/colors_standard.css b/src/media/css/colors/light/colors_standard.css
index 1256ab7..9543867 100644
--- a/src/media/css/colors/light/colors_standard.css
+++ b/src/media/css/colors/light/colors_standard.css
@@ -94,7 +94,7 @@
 	--nav-bg-color: var(--color-link);
 	--border: 5px;
 
-	--muted-color: #6d757e;
+	--muted-color: var(--secondary);
   --hr-color: var(--border-color, #dfe3e7);
   --link-active-color: var(--link-color);
   --code-color-ink: var(--code-color, #e93f8e);
@@ -217,10 +217,10 @@
 	--focus-ring-width: .25rem;
 	--focus-ring-opacity: .25;
 	--focus-ring-color: #01015640;
-	--form-valid-color: #448344;
-	--form-valid-border-color: #448344;
-	--form-invalid-color: #a51f18;
-	--form-invalid-border-color: #a51f18;
+	--form-valid-color: var(--success);
+	--form-valid-border-color: var(--success);
+	--form-invalid-color: var(--danger);
+	--form-invalid-border-color: var(--danger);
 
 	/* Missing variables from template.css - Added for compatibility */
 	--_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free"));