Spacing, Radii, Shadows

8pt grid keeps rhythm consistent. Soft radii (6 → 36 + pill) keep everything feeling like glass. Elevation is a neon glow in synthwave, a pastel drop shadow in vaporwave.

Spacing scale (8pt)

--bbs-space-12px
--bbs-space-24px
--bbs-space-38px
--bbs-space-412px
--bbs-space-516px
--bbs-space-624px
--bbs-space-732px
--bbs-space-848px
--bbs-space-964px
--bbs-space-1096px

Radii

--bbs-radius-xs6px · hairline details
--bbs-radius-sm10px · chips, tags
--bbs-radius-md14px · inputs, small cards
--bbs-radius-lg20px · secondary surfaces
--bbs-radius-xl28px · panels, cards (default)
--bbs-radius-2xl36px · feature surfaces
--bbs-radius-pill999px · buttons, chips

Elevation

Card elevation
var(--bbs-shadow-card)
CTA elevation
var(--bbs-shadow-cta)

Glass recipes

🌙 Synthwave glass

Low opacity, strong blur, neon border. Dramatic.

bg 0.82 · blur 32px · border jadeite 0.40

🌅 Vaporwave glass

Higher opacity, softer blur, pastel border. Dreamy.

bg 0.78 · blur 16px · border pink 0.35