From 46195142f3ee8bac98a3a8a8fbcca9f910003dbc Mon Sep 17 00:00:00 2001
From: Dorian <dorian@Dorians-MacBook-Air.local>
Date: Tue, 17 Mar 2026 01:59:25 +0000
Subject: [PATCH] fix: transparent header, global text colors, remove hero text

- Header fully transparent with no border
- Dark mode: #0A0A0A bg, #FAFAFA text
- Light mode: #FAFAFA bg, #0A0A0A text
- Removed "Antonym / Fashion for the sovereign individual" hero section
- Delete stale DB to re-seed with .svg image paths

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/layout/ShopHeader.vue |  8 +++-----
 src/style.css                        | 18 +++++++++---------
 src/views/HomeView.vue               |  8 --------
 3 files changed, 12 insertions(+), 22 deletions(-)

diff --git a/src/components/layout/ShopHeader.vue b/src/components/layout/ShopHeader.vue
index 7b147ff..261dd35 100644
--- a/src/components/layout/ShopHeader.vue
+++ b/src/components/layout/ShopHeader.vue
@@ -6,7 +6,7 @@ const { itemCount } = useCart()
 </script>
 
 <template>
-  <header class="shop-header glass-strong">
+  <header class="shop-header">
     <div class="header-inner">
       <router-link to="/" class="logo-link">
         <img src="/logos/logo.svg" alt="Antonym" class="logo" />
@@ -37,10 +37,8 @@ const { itemCount } = useCart()
   position: sticky;
   top: 0;
   z-index: 100;
-  border-radius: 0;
-  border-top: none;
-  border-left: none;
-  border-right: none;
+  background: transparent;
+  border: none;
 }
 
 .header-inner {
diff --git a/src/style.css b/src/style.css
index ea4e88a..9f15588 100644
--- a/src/style.css
+++ b/src/style.css
@@ -11,11 +11,11 @@
   --bg-tertiary: #141414;
   --accent: #F7931A;
   --accent-hover: #e8841a;
-  --text-primary: rgba(255, 255, 255, 0.9);
-  --text-secondary: rgba(255, 255, 255, 0.7);
-  --text-muted: rgba(255, 255, 255, 0.6);
-  --text-placeholder: rgba(255, 255, 255, 0.25);
-  --text-interactive: rgba(255, 255, 255, 0.7);
+  --text-primary: #FAFAFA;
+  --text-secondary: rgba(250, 250, 250, 0.7);
+  --text-muted: rgba(250, 250, 250, 0.5);
+  --text-placeholder: rgba(250, 250, 250, 0.25);
+  --text-interactive: rgba(250, 250, 250, 0.7);
   --success: #4ade80;
   --error: #ef4444;
   --warning: #f59e0b;
@@ -44,10 +44,10 @@
   --bg-secondary: #F0F0F0;
   --bg-tertiary: #F5F5F5;
   --text-primary: #0A0A0A;
-  --text-secondary: rgba(0, 0, 0, 0.7);
-  --text-muted: rgba(0, 0, 0, 0.5);
-  --text-placeholder: rgba(0, 0, 0, 0.25);
-  --text-interactive: rgba(0, 0, 0, 0.7);
+  --text-secondary: rgba(10, 10, 10, 0.7);
+  --text-muted: rgba(10, 10, 10, 0.5);
+  --text-placeholder: rgba(10, 10, 10, 0.25);
+  --text-interactive: rgba(10, 10, 10, 0.7);
   --glass-bg: rgba(255, 255, 255, 0.5);
   --glass-bg-strong: rgba(255, 255, 255, 0.65);
   --glass-bg-darker: rgba(255, 255, 255, 0.55);
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 9e367be..a425a30 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -33,11 +33,6 @@ onMounted(async () => {
 <template>
   <SeoMeta title="Shop" description="Fashion for the sovereign individual. Bitcoin only. No accounts. No tracking." />
   <div class="home">
-    <section class="hero">
-      <h1>Antonym</h1>
-      <p class="tagline">Fashion for the sovereign individual. Bitcoin only.</p>
-    </section>
-
     <div v-if="categories.length > 1" class="category-filter">
       <button class="filter-btn" :class="{ active: !activeCategory }" @click="activeCategory = null">All</button>
       <button v-for="cat in categories" :key="cat" class="filter-btn" :class="{ active: activeCategory === cat }" @click="activeCategory = cat">{{ cat }}</button>
@@ -49,9 +44,6 @@ onMounted(async () => {
 </template>
 
 <style scoped>
-.hero { text-align: center; padding: 3rem 0 2.5rem; }
-.hero h1 { font-size: 2.5rem; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0.5rem; }
-.tagline { color: var(--text-muted); font-size: 1rem; }
 .category-filter { display: flex; gap: 0.5rem; margin-bottom: 2rem; flex-wrap: wrap; }
 .filter-btn {
   padding: 0.375rem 1rem;