fix(ui): .btn-modern--selected uses tint style, not solid fill

Root-level fix: this un-layered CSS class backs toggleBtnClass,
filterChipClass, selectionCardClass, and ~13 direct call sites (send-post/
shop/product modals, edit & verify sizes/colors/gender/cooperation-type).
Changing it here propagates the apply-filter button's tint+border+colored-
text look everywhere at once, including overriding the redundant
"text-white" utility class some call sites still pass (verified live: since
this class isn't inside a Tailwind @layer, its color always wins the cascade).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/app/globals.css

@@ -776,14 +776,16 @@ select {
   background: var(--btn-accent-hover);
 }
 
+/* عینِ btnPrimary (دکمه «اعمال فیلتر»): تینتِ کم‌رنگِ رنگِ اصلی + بوردر/متنِ رنگِ
+   اصلی، نه پرشدنِ توپر + متنِ سفید — چون این کلاس خارج از @layer تعریف شده،
+   رویِ هر text-white که کنارش پاس داده بشه اولویت داره (لایه‌های CSS Tailwind v4) */
 .btn-modern--selected {
-  background: var(--btn-accent);
-  color: var(--btn-accent-text);
+  background: rgba(252, 142, 172, 0.1);
+  color: var(--btn-accent);
   border-color: var(--btn-accent);
 }
 .btn-modern--selected:hover:not(:disabled) {
-  background: var(--btn-accent-hover);
-  border-color: var(--btn-accent-hover);
+  background: rgba(252, 142, 172, 0.16);
 }
 
 .glass-modal-overlay {