chore: apply feedback

app/app.vue

@@ -23,8 +23,8 @@
   --space-16: 4rem;
 
   /* Typography scale - Mobile first (base) */
-  --text-xs: 0.65rem;
+  --text-xs: 0.75rem;
-  --text-sm: 0.75rem;
+  --text-sm: 0.85rem;
   --text-base: 1rem;
   --text-lg: 1.25rem;
   --text-xl: 1.5rem;

app/components/AppFooter.vue

@@ -30,7 +30,6 @@ onMounted(() => {
   unicode-bidi: bidi-override;
   direction: rtl;
   color: inherit;
-  text-decoration: none;
 }
 
 footer {
@@ -48,7 +47,7 @@ footer {
 
 address {
   font-size: var(--text-xs);
-  line-height: var(--leading-relaxed);
+  line-height: 14.5px
 }
 
 img {

app/components/AppHeader.vue

@@ -111,7 +111,7 @@ a {
 
 p {
   font-size: var(--text-lg);
-  line-height: var(--leading-normal);
+  line-height: 24px;
 }
 
 @media (min-width: 768px) {

app/components/VProject.vue

@@ -68,11 +68,12 @@ article {
 
 header > div,
 h2 {
-  font-size: var(--text-sm);
+  font-size: 18px;
+  line-height: 20px;;
 }
 
 h2 {
-  padding: var(--space-2) 0;
+  padding: var(--space-2) 0 0;
   display: flex;
   gap: var(--space-2);
   align-items: center;
@@ -118,6 +119,8 @@ header {
 .trigger-additional {
   cursor: pointer;
   align-self: flex-end;
+  margin-top: var(--space-3);
+  padding: var(--space-1) var(--space-2);
 }
 
 .popup-close {
@@ -130,11 +133,10 @@ header {
   color: var(--primary-color);
   border-radius: 16px;
   border: 2px solid var(--primary-color);
-  padding: var(--space-1) var(--space-2);
   font-size: var(--text-lg);
   line-height: var(--leading-tight);
-  margin-top: var(--space-3);
   transform: rotate(-2.6deg);
+  text-decoration: none;
 }
 
 @media (min-width: 768px) {
@@ -148,8 +150,12 @@ header {
     width: 14px;
   }
 
+  .popup-close,
   .trigger-additional {
     padding: var(--space-2) var(--space-2);
+  }
+
+  .trigger-additional {
     border-radius: 24px;
   }
 }

app/pages/index.vue

@@ -98,7 +98,8 @@ useSeoMeta({
 
 .load-more,
 #about article {
-  font-size: var(--text-sm);
+  font-size: 18px;
+  line-height: 22px;
 }
 
 article h2 {