/* Vibrant skin — gradients, rounded cards, playful.
   Good for: cafe, kids, events, travel, beauty. */
.design-vibrant .sb-hero, .design-vibrant .sb-slide { background: linear-gradient(135deg, var(--primary), var(--accent)); }
.design-vibrant .sb-hero::after, .design-vibrant .sb-slide::after { background: rgba(0,0,0,.18); }
.design-vibrant .sb-card { border-radius: 1.25rem; border: 0; box-shadow: 0 12px 30px rgba(0,0,0,.08); }
.design-vibrant .btn { border-radius: 999px; }
.design-vibrant .btn--primary { background: linear-gradient(135deg, var(--primary), var(--accent)); border: 0; }
.design-vibrant .sb-cta { background: linear-gradient(135deg, var(--primary), var(--accent)); }
.design-vibrant .sb-sec__title { background: linear-gradient(90deg, var(--primary), var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; }