All font size responsive updated

src/app/about-us/about.module.css

@@ -22,7 +22,7 @@
 .heroTitle {
     font-family: var(--font-playfair);
     font-size: var(--hero-title-size);
-    color: #f5e6d3;
+    color: #d3cab3;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 1rem;

src/app/blog/[id]/blogDetail.module.css

@@ -19,7 +19,7 @@
 .heroTitle {
     font-family: var(--font-playfair);
     font-size: var(--hero-title-size);
-    color: #f5e6d3;
+    color: #d3cab3;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 1rem;

src/app/blog/blog.module.css

@@ -21,7 +21,7 @@
 .heroTitle {
     font-family: var(--font-playfair);
     font-size: var(--hero-title-size);
-    color: #f5e6d3;
+    color: #d3cab3;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 1rem;

src/app/contact/contact.module.css

@@ -20,7 +20,7 @@
 .heroTitle {
     font-family: var(--font-playfair);
     font-size: var(--hero-title-size);
-    color: #f5e6d3;
+    color: #d3cab3;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 1rem;

src/app/gallery/gallery.module.css

@@ -21,7 +21,7 @@
 .heroTitle {
     font-family: var(--font-playfair);
     font-size: var(--hero-title-size);
-    color: #f5e6d3;
+    color: #d3cab3;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 1rem;

src/app/globals.css

@@ -76,6 +76,27 @@ button {
   background-color: var(--color-button);
 }
 
+/* ===== H2 RESPONSIVE FONT SIZES ===== */
+
+/* Desktop and Tablet Large: 992px and above - 48px */
+h2 {
+  font-size: 48px !important;
+}
+
+/* Tablet: 768px to 991px - 40px */
+@media (max-width: 991px) and (min-width: 768px) {
+  h2 {
+    font-size: 40px !important;
+  }
+}
+
+/* Mobile: 320px to 767px - 26px */
+@media (max-width: 767px) {
+  h2 {
+    font-size: 30px !important;
+  }
+}
+
 /* Global Border Utility */
 .border-standard {
   border-color: var(--color-border);

src/app/menu/menu.module.css

@@ -21,7 +21,7 @@
 .heroTitle {
     font-family: var(--font-playfair);
     font-size: var(--hero-title-size);
-    color: #f5e6d3;
+    color: #d3cab3;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 1rem;

src/components/Hero/Hero.module.css

@@ -56,7 +56,7 @@
 .title {
     font-family: var(--font-playfair);
     font-size: 78px;
-    color: #f5e6d3;
+    color: #d3cab3;
     margin-bottom: 1rem;
     line-height: 1.2;
     text-align: left;
@@ -108,8 +108,8 @@
 }
 
 .btnSecondary:hover {
-    background-color: #b28839;
+    background-color: var(--color-gold);
-    color: #000;
+    color: #fff;
 }
 
 .dots {