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.

1 files changed, 0 insertions, 76 deletions

diff --git a/src/app.css b/src/app.css
index daeffd7..0f25b28 100644
--- a/src/app.css
+++ b/src/app.css
@@ -15,18 +15,6 @@
 	gap: 0.5rem;
 }
 
-/* Category heading */
-.category-name {
-	font-size: 0.75rem;
-	font-weight: 700;
-	text-transform: uppercase;
-	letter-spacing: 0.08em;
-	color: var(--accent);
-	margin: 1.25rem 0 0.5rem;
-	padding-left: 0.5rem;
-	border-left: 3px solid var(--accent);
-}
-
 /* Empty state */
 .empty {
 	color: var(--text-secondary);
@@ -99,41 +87,6 @@
 	box-shadow: 0 0 0 3px var(--shadow-accent-focus);
 }
 
-.score {
-	flex-shrink: 0;
-	min-width: 2.75rem;
-	padding: 0.25rem 0.5rem;
-	border-radius: 9999px;
-	text-align: center;
-	font-size: 0.875rem;
-	font-weight: 700;
-	color: var(--white);
-}
-
-.bg-success {
-	background: var(--success);
-}
-
-.bg-accent {
-	background: var(--accent);
-}
-
-.bg-danger {
-	background: var(--danger);
-}
-
-.bg-accent-soft {
-	background: var(--shadow-accent);
-}
-
-.text-accent {
-	color: var(--accent);
-}
-
-.text-white {
-	color: var(--white);
-}
-
 .add-bar {
 	display: flex;
 	gap: 0.5rem;
@@ -146,19 +99,6 @@
 	min-width: 0;
 }
 
-.status {
-	flex-shrink: 0;
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	width: 1.5rem;
-	height: 1.5rem;
-	border-radius: 0.375rem;
-	font-size: 0.875rem;
-	font-weight: 700;
-	line-height: 1;
-}
-
 /* Shared route scaffolding */
 .page-header {
 	display: flex;
@@ -186,19 +126,3 @@
 .input-invalid {
 	border-color: var(--danger);
 }
-
-.save-status {
-	font-size: 0.875rem;
-	color: var(--success);
-	font-weight: 500;
-	margin-top: -0.25rem;
-	visibility: hidden;
-	opacity: 0;
-	transition: opacity 0.2s ease;
-	min-height: 1.25rem;
-}
-
-.save-status.visible {
-	visibility: visible;
-	opacity: 1;
-}