feat: complete application updates

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

src/views/auth/LoginView.vue

@@ -409,8 +409,8 @@ onMounted(async () => {
   padding: 0 44px;
   border: none;
   border-radius: 999px;
-  background: #0a353c;
-  color: #f7f4ef;
+  background: var(--color-primary);
+  color: var(--color-surface);
   font-family: inherit;
   font-size: 0.9375rem;
   font-weight: 600;
@@ -420,11 +420,11 @@ onMounted(async () => {
 
 .login-submit:not(:disabled):hover,
 .login-submit:not(:disabled):focus-visible {
-  background: #072a2f;
+  background: var(--color-primary-hover);
 }
 
 .login-submit:focus-visible {
-  outline: 2px solid #c9a56a;
+  outline: 2px solid var(--color-primary);
   outline-offset: 2px;
 }
 

src/views/auth/OtpView.vue

@@ -492,8 +492,8 @@ onMounted(() => {
   padding: 0 44px;
   border: none;
   border-radius: 999px;
-  background: #0a353c;
-  color: #f7f4ef;
+  background: var(--color-primary);
+  color: var(--color-surface);
   font-family: inherit;
   font-size: 0.9375rem;
   font-weight: 600;
@@ -503,7 +503,7 @@ onMounted(() => {
 
 .otp-submit:not(:disabled):hover,
 .otp-submit:not(:disabled):focus-visible {
-  background: #072a2f;
+  background: var(--color-primary-hover);
 }
 
 .otp-submit:disabled {

src/views/auth/RegisterView.vue

@@ -534,8 +534,8 @@ async function submit() {
   padding: 0 44px;
   border: none;
   border-radius: 999px;
-  background: #0a353c;
-  color: #f7f4ef;
+  background: var(--color-primary);
+  color: var(--color-surface);
   font: inherit;
   font-size: 0.9375rem;
   font-weight: 600;
@@ -545,7 +545,7 @@ async function submit() {
 
 .register-submit:not(:disabled):hover,
 .register-submit:not(:disabled):focus-visible {
-  background: #072a2f;
+  background: var(--color-primary-hover);
 }
 
 .register-submit:disabled {

src/views/auth/WelcomeView.vue

@@ -202,7 +202,7 @@ function goLogin() {
   height: 1.5px;
   margin-top: 16px;
   border-radius: 1px;
-  background: #c9a56a;
+  background: var(--color-primary);
 }
 
 .welcome-features {
@@ -286,7 +286,12 @@ function goLogin() {
   border: 1px solid rgba(244, 237, 228, 0.28);
   border-radius: 999px;
   background:
-    linear-gradient(135deg, rgba(20, 78, 82, 0.55) 0%, rgba(10, 53, 60, 0.42) 48%, rgba(8, 42, 48, 0.48) 100%);
+    linear-gradient(
+      135deg,
+      color-mix(in srgb, var(--color-primary) 65%, transparent) 0%,
+      color-mix(in srgb, var(--color-primary) 42%, transparent) 48%,
+      color-mix(in srgb, var(--color-accent-navy) 48%, transparent) 100%
+    );
   color: #fff;
   font: inherit;
   font-size: 0.9375rem;

src/views/catalogs/CatalogDetailView.vue

@@ -810,7 +810,7 @@ html.dark .calite-detail__error {
 }
 
 html.dark .inquiry-bar {
-  background: #5eb8ad;
+  background: var(--color-primary);
   color: #0b0f14;
 }
 

src/views/companies/components/MobileCompanySelect.vue

@@ -149,7 +149,7 @@ defineEmits<{
 }
 
 .company-brand-card--par {
-  background: linear-gradient(145deg, #1a4a52 0%, #0a353c 70%);
+  background: linear-gradient(145deg, var(--color-primary-hover) 0%, var(--color-primary) 70%);
 }
 
 .company-brand-card--fam-baft {

src/views/home/HomeView.vue

@@ -420,7 +420,7 @@ async function toggleFavorite(productId: string) {
                 <IconHeart
                   :size="16"
                   :filled="favorites.isFavorite(item.id)"
-                  :color="favorites.isFavorite(item.id) ? '#0a353c' : '#b0b7c0'"
+                  :color="favorites.isFavorite(item.id) ? 'var(--color-primary)' : '#b0b7c0'"
                 />
               </button>
             </div>
@@ -1057,6 +1057,18 @@ async function toggleFavorite(productId: string) {
   color: var(--color-primary);
 }
 
+html.dark .section__title,
+html.dark .home-desk-head__title,
+html.dark .level-card__name,
+html.dark .suggest-card__title,
+html.dark .product-card__name {
+  color: #fff;
+}
+
+html.dark .product-card__sub {
+  color: #c5d0de;
+}
+
 @media (min-width: 768px) {
   .home-page {
     max-width: var(--content-max-width);

src/views/products/ProductDetailView.vue

@@ -302,7 +302,7 @@ function onAddressSubmit(address: string) {
           <IconHeart
             :size="20"
             :filled="favorites.isFavorite(product.id)"
-            :color="favorites.isFavorite(product.id) ? '#0a353c' : undefined"
+            :color="favorites.isFavorite(product.id) ? 'var(--color-primary)' : undefined"
           />
         </button>
         <button type="button" class="icon-btn" aria-label="اشتراک‌گذاری" @click="shareProduct">
@@ -331,7 +331,7 @@ function onAddressSubmit(address: string) {
           <IconHeart
             :size="20"
             :filled="favorites.isFavorite(product.id)"
-            :color="favorites.isFavorite(product.id) ? '#0a353c' : undefined"
+            :color="favorites.isFavorite(product.id) ? 'var(--color-primary)' : undefined"
           />
         </button>
         <button type="button" class="icon-btn" aria-label="اشتراک‌گذاری" @click="shareProduct">
@@ -689,7 +689,7 @@ function onAddressSubmit(address: string) {
 
 .thumb--active {
   padding: 3px;
-  border: 2px solid #0a353c;
+  border: 2px solid var(--color-primary);
 }
 
 .thumb--active .thumb__swatch {
@@ -885,7 +885,7 @@ function onAddressSubmit(address: string) {
 
 .color-dot--active {
   border-color: transparent;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #0a353c;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--color-primary);
 }
 
 .tags {

src/views/products/ProductsView.vue

@@ -811,7 +811,7 @@ onUnmounted(() => {
               <IconHeart
                 :size="18"
                 :filled="favorites.isFavorite(item.id)"
-                :color="favorites.isFavorite(item.id) ? '#0a353c' : '#9ca3af'"
+                :color="favorites.isFavorite(item.id) ? 'var(--color-primary)' : '#9ca3af'"
               />
             </button>
           </div>