From b649af1925555c3001bcbabf838858958b88056e Mon Sep 17 00:00:00 2001
From: Fred Boniface <fjla@fredboniface.co.uk>
Date: Tue, 31 Mar 2026 20:01:20 +0100
Subject: [PATCH] Adjust button styling to improve appearance of text

---
 src/lib/components/ui/Button.svelte | 5 +++--
 src/lib/global.css                  | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/ui/Button.svelte b/src/lib/components/ui/Button.svelte
index 3ecc04f..ae708f1 100644
--- a/src/lib/components/ui/Button.svelte
+++ b/src/lib/components/ui/Button.svelte
@@ -59,10 +59,10 @@
 		height: 36px;
 		border-radius: 20px;
 		border: none;
-		box-shadow: var(--shadow-std);
+		box-shadow: var(--shadow-small);
 		font-family: 'URW Gothic', sans-serif;
 		font-size: 0.93rem;
-		font-weight: 600;
+		font-weight: 400;
 		letter-spacing: 0.05ch;
 		transition:
 			all 0.1s ease,
@@ -72,6 +72,7 @@
 	.accent {
 		background-color: var(--color-accent);
 		color: var(--color-title);
+		font-weight: 600;
 	}
 
 	.brand {
diff --git a/src/lib/global.css b/src/lib/global.css
index 5b59d6c..7a7534c 100644
--- a/src/lib/global.css
+++ b/src/lib/global.css
@@ -55,6 +55,7 @@
 	/* Shadows */
 	--color-shadow: hsla(210, 20%, 5%, 0.35);
 	--shadow-std: 0 4px 12px var(--color-shadow);
+	--shadow-small: 0 4px 6px var(--color-shadow);
 	--shadow-up: 0 -4px 12px var(--color-shadow);
 	--shadow-right: 4px 0 12px var(--color-shadow);
 }