From fe20a69482a1a949c039a6eed1b79ace3b38fdb4 Mon Sep 17 00:00:00 2001
From: almazlar <almazlarb@gmail.com>
Date: Sun, 22 Feb 2026 18:50:17 +0300
Subject: [PATCH] feat: update button and input styles with new color variables
 and hover/focus states

---
 frontend/src/index.css | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 2d8cfac..0639728 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,3 +1,4 @@
+/* Existing CSS rules */
 :root {
     --rich-cerulean-50: #eaf4fb;
     --rich-cerulean-100: #d5eaf6;
@@ -111,10 +112,14 @@ button {
     border: none;
     outline: none;
     transition: all 0.3s ease;
-    background-color: var(--accent-primary);
+    background-color: var(--color-smart-blue-500); /* Default background color */
     color: var(--text-main);
     padding: 10px 20px;
     border-radius: 4px;
+
+    &:hover {
+        background-color: var(--color-smart-blue-600); /* Hover state background color */
+    }
 }
 
 input {
@@ -123,6 +128,13 @@ input {
     background-color: var(--bg-color);
     color: var(--text-main);
     padding: 8px 12px;
-    border: 1px solid var(--border-color);
-    border-radius: 4px;
+    border: 1px solid var(--color-smart-blue-300);
+
+    &:focus {
+        border-color: var(--color-smart-blue-400); /* Focus state border color */
+    }
+}
+
+h1, h2, h3 {
+    color: var(--color-smart-blue-500);
 }
\ No newline at end of file