From 2a7c4f969874b850e30170f3aef5b578677220b0 Mon Sep 17 00:00:00 2001
From: Martin Kagamino Lehoux <martin@lehoux.net>
Date: Sat, 12 Sep 2026 22:26:09 +0200
Subject: Scope badges, titles, and one-off styles; add Button outline

ScoreBadge/StatusBadge carry their own color scales, no
bg-*/text-* globals. SectionTitle unifies category-name and
section-title dupes (h2/h3 via level prop). Grocery add-bar
buttons use Button, new outline variant for the secondary
action. save-status moves into its only page. Delete dead
globals and page overrides.
---
 src/lib/components/Button.svelte | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

(limited to 'src/lib/components/Button.svelte')

diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
index 30e9fc2..27b9b7f 100644
--- a/src/lib/components/Button.svelte
+++ b/src/lib/components/Button.svelte
@@ -15,7 +15,7 @@
 		onclick,
 		children,
 	}: {
-		variant?: 'primary' | 'accent' | 'ghost' | 'done';
+		variant?: 'primary' | 'accent' | 'ghost' | 'done' | 'outline';
 		type?: 'button' | 'submit' | 'reset';
 		disabled?: boolean;
 		name?: string;
@@ -143,6 +143,27 @@
 		font-size: 0.9375rem;
 	}
 
+	.outline {
+		width: 3rem;
+		height: 3rem;
+		flex-shrink: 0;
+		padding: 0;
+		border-radius: 0.75rem;
+		background: var(--surface);
+		color: var(--text-secondary);
+		border: 1.5px solid var(--border);
+		font-size: 1.25rem;
+		font-weight: 500;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.outline:hover:not(:disabled) {
+		border-color: var(--accent);
+		color: var(--text);
+	}
+
 	.block {
 		align-self: stretch;
 		width: 100%;
-- 
cgit v1.3