chore: update

frontend-prep/src/pages/ChangePassword/ChangePassword.css

@@ -4,7 +4,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    background-color: #09090b;
+    background-color: var(--bg);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -37,21 +37,21 @@
 .cp-title {
     font-size: 1.6rem;
     font-weight: 700;
-    color: #f4f4f5;
+    color: var(--text);
     margin-bottom: 0.5rem;
 }
 
 .cp-subtitle {
-    color: #71717a;
+    color: var(--text-muted);
     font-size: 0.9rem;
     line-height: 1.5;
     padding: 0 0.5rem;
 }
 
 .cp-card {
-    background-color: #111115;
+    background-color: var(--surface);
     border-radius: 1rem;
-    border: 1px solid rgba(255, 255, 255, 0.07);
+    border: 1px solid var(--border);
     box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
     padding: 2rem;
 }
@@ -71,7 +71,7 @@
 .cp-label {
     font-size: 0.875rem;
     font-weight: 500;
-    color: #d1d5db;
+    color: var(--text);
 }
 
 .cp-input-wrapper {
@@ -84,23 +84,23 @@
     left: 1rem;
     transform: translateY(-50%);
     pointer-events: none;
-    color: #52525b;
+    color: var(--text-muted);
 }
 
 .cp-input {
     width: 100%;
     padding: 0.75rem 3rem 0.75rem 3rem;
-    background-color: #09090b;
-    border: 1px solid rgba(255, 255, 255, 0.1);
+    background-color: var(--bg);
+    border: 1px solid var(--border);
     border-radius: 0.5rem;
-    color: #f4f4f5;
+    color: var(--text);
     font-size: 1rem;
     transition: border-color 0.2s, box-shadow 0.2s;
     box-sizing: border-box;
 }
 
 .cp-input::placeholder {
-    color: #52525b;
+    color: var(--text-muted);
 }
 
 .cp-input:focus {
@@ -120,7 +120,7 @@
     transform: translateY(-50%);
     background: transparent;
     border: none;
-    color: #52525b;
+    color: var(--text-muted);
     cursor: pointer;
     padding: 0.25rem;
     display: flex;
@@ -129,12 +129,12 @@
 }
 
 .cp-toggle:hover {
-    color: #a1a1aa;
+    color: var(--text);
 }
 
 .cp-hint {
     font-size: 0.78rem;
-    color: #71717a;
+    color: var(--text-muted);
     margin: 0;
 }
 
@@ -189,7 +189,7 @@
     gap: 0.75rem;
     padding: 1.5rem 0;
     text-align: center;
-    color: #f4f4f5;
+    color: var(--text);
 }
 
 .cp-success-icon {
@@ -212,7 +212,7 @@
 }
 
 .cp-success-sub {
-    color: #71717a;
+    color: var(--text-muted);
     font-size: 0.85rem;
     font-weight: 400 !important;
 }