diff --git a/apps/website/.vitepress/theme/Landing.vue b/apps/website/.vitepress/theme/Landing.vue index b9aa43b..85d27fa 100644 --- a/apps/website/.vitepress/theme/Landing.vue +++ b/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); } diff --git a/packages/theme/src/tokens.css b/packages/theme/src/tokens.css index edd7628..3fdd9fd 100644 --- a/packages/theme/src/tokens.css +++ b/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 */