diff --git a/public/style.css b/public/style.css
index ad85c4f..ce633f3 100644
--- a/public/style.css
+++ b/public/style.css
@@ -327,9 +327,7 @@ h1, h2, h3, h4, h5, h6 {
   font-size: 2.8rem;
   line-height: 1.15;
   margin-bottom: 12px;
-  background: linear-gradient(to right, var(--text-main), hsl(var(--hue-primary), 90%, 55%));
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
+  color: var(--text-main);
 }
 
 .hero-content p {
@@ -1577,7 +1575,7 @@ h1, h2, h3, h4, h5, h6 {
 
 .dashboard-tab-btn.active {
   color: var(--text-white);
-  background: linear-gradient(135deg, var(--primary), var(--secondary));
+  background-color: var(--primary);
   box-shadow: 0 4px 12px var(--primary-glow);
 }
 
@@ -2120,7 +2118,7 @@ h1, h2, h3, h4, h5, h6 {
     width: var(--fab-size);
     height: var(--fab-size);
     border-radius: var(--border-radius-full);
-    background: linear-gradient(135deg, var(--primary), var(--secondary));
+    background-color: var(--primary);
     box-shadow: 0 6px 20px var(--primary-glow);
     border: none;
     color: var(--text-white);
@@ -2374,7 +2372,7 @@ h1, h2, h3, h4, h5, h6 {
   }
   
   .mobile-header-btn-add {
-    background: linear-gradient(135deg, var(--primary), var(--secondary));
+    background-color: var(--primary);
     color: var(--text-white);
     border: none;
     box-shadow: 0 4px 10px var(--primary-glow);