From 032953e7d6cdb666efd19b2a6bb5cf72eccd4927 Mon Sep 17 00:00:00 2001
From: Greg Austic <gbathree@gmail.com>
Date: Thu, 19 Mar 2026 10:22:59 -0400
Subject: [PATCH] Fix: unify font-family across all .button elements

<button> elements don't inherit font-family from parent by default
in all browsers, causing a visible font mismatch between the
link-based buttons (Back To Store, Back To Website, Cancel Order)
and the button-tag-based Save Changes button on the order
confirmation page.

Add `font-family: inherit` to the base `.button, button` rule so
all button elements use the inherited page font (Roboto). Remove the
now-redundant `font-family: $body-font` from the `.primary` rule.

Fixes #13688

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/webpacker/css/darkswarm/ui.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/webpacker/css/darkswarm/ui.scss b/app/webpacker/css/darkswarm/ui.scss
index e9d924aea8..541047f655 100644
--- a/app/webpacker/css/darkswarm/ui.scss
+++ b/app/webpacker/css/darkswarm/ui.scss
@@ -54,6 +54,7 @@
 .button, button {
   @include border-radius(0.5em);
 
+  font-family: inherit;
   outline: none;
 
   &.x-small {
@@ -65,7 +66,6 @@
 }
 
 .button.primary, button.primary {
-  font-family: $body-font;
   background: $orange-450;
   color: white;
 }