Footer style -radiowy

src/styles/footer.css

@@ -8,11 +8,11 @@
     }
 
     .f-footer-col {
-        @apply max-w-sm pt-4;
+        @apply max-w-sm pt-4 space-y-1;
     }
 
     .f-footer-col-title {
-        @apply text-xl font-semibold;
+        @apply text-xl font-semibold text-[var(--f-header)];
 
     }
 
@@ -22,10 +22,13 @@
 
     .f-footer-copyright {
         @apply text-center py-4 text-base text-[var(--f-text)];
-        /* text-center py-0 text-sm */
     }
 
      .f-footer-recaptcha {
         @apply text-base;
+
+        a {
+            @apply text-[var(--f-link-text)];
+        }
     }
 }

src/styles/hero.css

@@ -31,7 +31,6 @@
 
 .f-hero-header-items {
     @apply text-xl md:text-4xl font-semibold mb-2 opacity-0 text-[var(--f-header-items)];
-    /* color: var(--f-text-subtle); */
     animation: fade-in 0.3s ease-out forwards;
     animation-delay: calc(var(--delay) * 0.4s);
 }
@@ -44,7 +43,6 @@
   @apply flex justify-center items-center flex-wrap gap-3 mt-8;
 }
 
-
 @keyframes fade-in {
   from { opacity: 0; transform: translateY(10px); }
   to   { opacity: 1; transform: translateY(0); }

src/styles/theme.css

@@ -35,8 +35,9 @@
   --f-header: var(--brand-light);
   --f-header-2: var(--text1-light);
   --f-header-items: (var(--text2-light));
-  
+
   --f-text: var(--text2-light);
+  --f-link-text: var(--f-header);
 
   --btn-background: var(--surface2-light);
   --btn-text: var(--text1-light);
@@ -70,6 +71,7 @@
   ---f-border-color: rgb(209 213 219);
   /* / var(--tw-border-opacity, 1)); */
 }
+
 :root.dark {
 
   --f-background: var(--surface1-dark);
@@ -79,6 +81,7 @@
   --f-header-items: (var(--text2-dark));
 
   --f-text: var(--text1-dark);
+  --f-link-text: var(--f-header);
 
   --btn-background: var(--surface4-dark);
   --btn-text: var(--text1-dark);