styling update

static/css/base.css

@@ -28,7 +28,7 @@ html, body {
 
 :root {
   /* Colors */
-  --primary: #007bff;
+  --primary: #28a745;
   --secondary: #6c757d;
   --success: #28a745;
   --danger: #dc3545;
@@ -105,7 +105,7 @@ a {
 }
 
 a:hover {
-  color: #0056b3;
+  color: #1e7e34;
   text-decoration: underline;
 }
 

static/css/buttons.css

@@ -116,14 +116,14 @@ button:not([class]):hover {
 
 .btn-primary:hover,
 .action-btn.primary:hover {
-  background: #0056b3;
-  border-color: #0056b3;
-  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
+  background: #1e7e34;
+  border-color: #1e7e34;
+  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
 }
 
 .btn-primary:active,
 .action-btn.primary:active {
-  background: #004085;
+  background: #155724;
   box-shadow: var(--shadow-sm);
 }
 

static/css/navbar.css

@@ -89,10 +89,10 @@
 
 .nav-btn:hover {
   background: #e9ecef;
-  border-color: #007bff;
+  border-color: #28a745;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
   transform: translateY(-1px);
-  color: #007bff;
+  color: #28a745;
   text-decoration: none;
 }
 
@@ -112,13 +112,13 @@
    ============================================================================ */
 
 .nav-btn.active {
-  background: #007bff;
-  border-color: #0056b3;
+  background: #28a745;
+  border-color: #1e7e34;
   color: white;
 }
 
 .nav-btn.active:hover {
-  background: #0056b3;
+  background: #1e7e34;
   color: white;
 }
 
@@ -176,7 +176,7 @@
 
 .hamburger-menu:hover {
   background: #e9ecef;
-  border-color: #007bff;
+  border-color: #28a745;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
   transform: translateY(-1px);
 }
@@ -190,7 +190,7 @@
 }
 
 .hamburger-menu:hover .hamburger-line {
-  background: #007bff;
+  background: #28a745;
 }
 
 /* ============================================================================