Switch footer to white background with dark text

Author: ajaydsouza

index.html

@@ -747,8 +747,8 @@
      FOOTER
   ══════════════════════════════════════ */
   footer {
-    background: var(--bg-2);
-    border-top: 1px solid var(--bd);
+    background: #ffffff;
+    border-top: 1px solid rgba(0,0,0,.08);
     padding: 60px 40px 40px;
     position: relative; z-index: 1;
   }
@@ -758,31 +758,31 @@
     gap: 48px; margin-bottom: 56px;
   }
   .f-brand img { height: 32px; margin-bottom: 16px; }
-  .f-brand p { color: var(--t3); font-size: .85rem; line-height: 1.7; max-width: 230px; margin-bottom: 20px; }
+  .f-brand p { color: #555; font-size: .85rem; line-height: 1.7; max-width: 230px; margin-bottom: 20px; }
   .f-socials { display: flex; gap: 9px; }
   .f-soc {
     width: 34px; height: 34px; display: flex; align-items: center; justify-content: center;
-    background: var(--card); border: 1px solid var(--bd);
-    border-radius: 8px; color: var(--t3); text-decoration: none;
+    background: #f4f4f5; border: 1px solid rgba(0,0,0,.10);
+    border-radius: 8px; color: #444; text-decoration: none;
     transition: all .2s;
   }
-  .f-soc:hover { background: var(--blue); border-color: var(--blue); color: #fff; }
+  .f-soc:hover { background: var(--wz-blue); border-color: var(--wz-blue); color: #fff; }
   .f-col h4 {
     font-family: var(--fh); font-size: .75rem; font-weight: 700;
-    letter-spacing: .09em; text-transform: uppercase; color: var(--t1); margin-bottom: 18px;
+    letter-spacing: .09em; text-transform: uppercase; color: var(--wz-black); margin-bottom: 18px;
   }
   .f-col ul { list-style: none; }
   .f-col li { margin-bottom: 10px; }
-  .f-col a { color: var(--t3); text-decoration: none; font-size: .855rem; transition: color .2s; }
-  .f-col a:hover { color: var(--t1); }
+  .f-col a { color: #555; text-decoration: none; font-size: .855rem; transition: color .2s; }
+  .f-col a:hover { color: var(--wz-blue); }
   .footer-bot {
     display: flex; align-items: center; justify-content: space-between;
-    padding-top: 30px; border-top: 1px solid var(--bd);
+    padding-top: 30px; border-top: 1px solid rgba(0,0,0,.08);
     flex-wrap: wrap; gap: 14px;
   }
-  .footer-bot p { color: var(--t3); font-size: .78rem; }
-  .footer-bot a { color: var(--t2); text-decoration: none; transition: color .2s; }
-  .footer-bot a:hover { color: var(--blue); }
+  .footer-bot p { color: #777; font-size: .78rem; }
+  .footer-bot a { color: #444; text-decoration: none; transition: color .2s; }
+  .footer-bot a:hover { color: var(--wz-blue); }
   .wp-chip {
     display: inline-flex; align-items: center; gap: 6px;
     background: rgba(245,158,11,.07); border: 1px solid rgba(245,158,11,.17);