From 518b41e9cdae89836550143fea3ba02a141e2c9c Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Sat, 2 May 2026 17:19:06 -0400
Subject: [PATCH] style(ext): add password-coloring CSS rules + custom property
 defaults

---
 extension/src/popup/styles.css | 9 +++++++++
 extension/src/vault/vault.css  | 9 +++++++++
 2 files changed, 18 insertions(+)

diff --git a/extension/src/popup/styles.css b/extension/src/popup/styles.css
index d41fcd9..0e3a3d1 100644
--- a/extension/src/popup/styles.css
+++ b/extension/src/popup/styles.css
@@ -38,6 +38,10 @@
 
   /* Focus */
   --focus-ring:    0 0 0 2px var(--gold-ring);
+
+  /* Password coloring (P1) */
+  --relicario-pwd-digit-color: #2563eb;
+  --relicario-pwd-symbol-color: #dc2626;
 }
 
 * {
@@ -1554,3 +1558,8 @@ textarea {
 .logo-lockup .brand-logo { width: 42px; height: 42px; margin: 0 auto 10px; }
 .logo-lockup .brand { font-size: 17px; font-weight: 600; color: var(--gold-text); letter-spacing: 0.5px; }
 .tagline { color: var(--text-dim); font-size: 11px; margin-top: 4px; letter-spacing: 0.3px; }
+
+/* Password character-class coloring */
+.pwd-digit  { color: var(--relicario-pwd-digit-color); }
+.pwd-symbol { color: var(--relicario-pwd-symbol-color); }
+.pwd-letter { color: inherit; }
diff --git a/extension/src/vault/vault.css b/extension/src/vault/vault.css
index 467d727..a0b765f 100644
--- a/extension/src/vault/vault.css
+++ b/extension/src/vault/vault.css
@@ -38,6 +38,10 @@
 
   /* Focus */
   --focus-ring:    0 0 0 2px var(--gold-ring);
+
+  /* Password coloring (P1) */
+  --relicario-pwd-digit-color: #2563eb;
+  --relicario-pwd-symbol-color: #dc2626;
 }
 
 * {
@@ -169,6 +173,11 @@ body {
   margin-top: 6px;
 }
 
+/* Password character-class coloring */
+.pwd-digit  { color: var(--relicario-pwd-digit-color); }
+.pwd-symbol { color: var(--relicario-pwd-symbol-color); }
+.pwd-letter { color: inherit; }
+
 /* Buttons */
 .btn {
   display: inline-block;