Section Backgrounds

All 6 section background types used across the site.

Type 1

Surface + Grid/Dots + Lime Glows

bg-surface with theme-aware bg-grid, bg-dots, and lime glow blobs. Ideal for hero/header sections — the top & bottom glow blobs frame content naturally.

bg-grid

bg-dots

Lime Glows

Type 2

Dark Gradient Card

bg-surface wrapper + rounded dark inner section with bg-grid-light, bg-dots-light, and lime glow blobs.

bg-grid-light

bg-dots-light

Lime Glows

Type 3

Surface + Grid/Dots

Theme-aware bg-grid and bg-dots on default surface. No lime glow blobs.

bg-grid

bg-dots

Type 4

Plain Surface

No patterns, no glows. Clean default surface background.

bg-surface (default)

Type 5

Accent-Tinted Gradient + Grid/Dots

Vertical gradient with 6% accent color mixed into surface. With bg-grid and bg-dots.

color-mix(accent 6%)

bg-grid

bg-dots

Type 6

Accent-Tinted Gradient (Clean)

Same accent-tinted gradient as Type 5 but without grid or dots. Clean gradient only.

color-mix(accent 6%)