fix(ui): make Justine palette visible on marketing + trim rainbow chrome

- Replace blue/purple gradients with ink gradient text and cream/parch CTA surface
- Step badges and transformation icons use primary (ink) fills
- /features page icons unified to text-primary; Lora section titles
- Tree view status colors use semantic tokens instead of blue/green

Made-with: Cursor
This commit is contained in:
2026-04-01 21:09:18 -07:00
parent bada63452f
commit 74f8dc4282
11 changed files with 45 additions and 34 deletions

View File

@@ -8,6 +8,17 @@
@keyframes vibn-breathe { 0%,100%{transform:scale(1)} 50%{transform:scale(1.15)} }
.vibn-enter { animation: vibn-enter 0.35s ease both; }
/* Marketing — Justine ink & parchment (no blue/purple chrome) */
.vibn-gradient-text {
background-image: linear-gradient(90deg, var(--vibn-mid) 0%, var(--vibn-ink) 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.vibn-cta-surface {
background-image: linear-gradient(to bottom right, var(--vibn-cream), var(--vibn-parch));
}
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);