From 3937ced8f7cbc8ca899e834bdc9449e436227abc Mon Sep 17 00:00:00 2001
From: Shantur Rathore <i@shantur.com>
Date: Tue, 28 Oct 2025 21:54:30 +0000
Subject: [PATCH] add: button-secondary class with design tokens for consistent
 secondary button styling

---
 src/styles/components.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/styles/components.css b/src/styles/components.css
index fc45d435..32db4279 100644
--- a/src/styles/components.css
+++ b/src/styles/components.css
@@ -76,6 +76,26 @@
   @apply cursor-not-allowed opacity-50;
 }
 
+.button-secondary {
+  @apply inline-flex items-center justify-center gap-2 rounded-lg px-6 py-3 text-base font-medium transition-colors;
+  background-color: var(--surface-secondary);
+  color: var(--text-primary);
+  border: 1px solid var(--border-base);
+}
+
+.button-secondary:hover:not(:disabled) {
+  background-color: var(--surface-hover);
+}
+
+.button-secondary:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--surface-base), 0 0 0 4px var(--accent-primary);
+}
+
+.button-secondary:disabled {
+  @apply cursor-not-allowed opacity-50;
+}
+
 /* Message item base styles */
 
 .message-item-base {