Merge pull request #11 from btravstack/fix/light-surface-contrast

Light mode: add surface definition (stronger borders + card lift)

Author: btravers

apps/website/.vitepress/theme/Landing.vue

@@ -250,6 +250,14 @@ onMounted(() => {
   --btv-footer: rgba(26, 12, 20, 0.025);
 }
 :global(html:not(.dark)) .btv-glow { opacity: 0.55; }
+/* On near-white, the hairline alone leaves cards looking flat — give them a
+   soft rest shadow in light mode so they lift off the background. */
+:global(html:not(.dark)) .btv-pcard,
+:global(html:not(.dark)) .btv-prin-card {
+  box-shadow: 0 1px 2px rgba(26, 12, 20, 0.05), 0 16px 32px -24px rgba(26, 12, 20, 0.22);
+}
+/* keep the hover lift shadow — the rest rule above outspecifies .pcard:hover */
+:global(html:not(.dark)) .btv-pcard:hover { box-shadow: var(--shadow-card); }
 
 /* general accent highlights (incl. the small copy toast) keep the AA text accent */
 .btv-pink { color: var(--text-accent); }

packages/theme/src/tokens.css

@@ -141,10 +141,10 @@
   --bg:        #FBF7F9;
   --bg-grad:   #FCEDF4;
   --card:      #FFFFFF;
-  --card-soft: #F6EDF2;
+  --card-soft: #F0E6EC;
 
-  --border:   rgba(26, 12, 20, 0.10);
-  --border-2: rgba(26, 12, 20, 0.17);
+  --border:   rgba(26, 12, 20, 0.16);
+  --border-2: rgba(26, 12, 20, 0.24);
 
   --text:  #1F0E18;
   --muted: #5E5159;   /* ~7.1:1 on white */