Wonder. Deep plum darkness pierced by a single laser-purple light source.

Primary action button fill, focus rings, and the brand's signature accent — vivid electric purple against the dark void creates urgency without aggression

Decorative stroke accent for gradient mesh backgrounds and atmospheric purple lighting

Deep heading color and surface tint for accent cards in light sections

Dark section heading color and dramatic text accent in light-mode areas

Warm secondary accent for highlights, callout dots, and emphasis on light surfaces

Elevated card and panel surface — one shade deeper than the canvas, used for floating UI elements against the dark backdrop

Page canvas and primary dark surface — the near-black violet base that absorbs the whole immersive hero and footer bands

Badge fills, icon stroke accents, and dark section surfaces on lighter contexts

Dominant border and divider color across the entire system — every hairline, card edge, and UI outline uses this muted purple-gray

Muted helper text and low-priority iconography — the quietest of the violet-tinged grays

Secondary body text and metadata labels against the dark canvas

Mid-priority text, generic icon strokes, and light-section muted copy

Tertiary text, inactive nav items, and icon fills at low emphasis

Surface fill for nested elements and subtle dividers in light sections

Warm off-white for light content section backgrounds — subtly cream against the pure white of inner cards

Primary text on dark surfaces, light section backgrounds, and the brightest highlight color