Ayo

Lava's design system evokes a 'midnight command center behind frosted glass' aesthetic with its deeply saturated dark theme and vibrant, multi-hued gradients. Typography is bold and compact, contrasting against the dark surfaces, and often utilizes fine weights to convey a sophisticated tone. Components are sharp-edged yet rounded for a tactile feel, featuring prominent glow effects and a scarcity of true white, reserving it for core text elements. Prioritize Midnight Aura (#000000) for all significant backgrounds and surface fills to maintain the dark theme. Use White Frost (#ffffff) exclusively for primary text and headings for maximum contrast against dark surfaces. Apply Spectrum Gradient (linear-gradient(45deg, #0072ff, #00d2e8 17%, #04fd8f 34%, #70fd6c 51%, #dae11 68%, #ff9346 85%, #ff62c6)) as a border for interactive elements and highlights to provide a signature brand cue. Maintain a 200px border-radius for all primary buttons to achieve a highly rounded, 'pill' shape. Utilize Neue Haas Unica with a 0.2860em letter spacing for most headings and substantial text blocks to enforce conciseness and character. Employ the 14px 14px 40px 0px shadow for cards that require significant visual elevation, with an opacity of 50-60%. Ensure generous padding on cards, specifically using 37px (top/right/left) and 44px (bottom) when content needs breathing room within the card. Avoid using bright, full-saturation colors for large background areas; reserve them for accents, highlights, and gradients. Do not deviate from the predominantly dark theme; avoid light backgrounds except as direct content within media. Do not use generic square or slightly rounded corners for buttons; all buttons must use the 200px 'pill' radius. Refrain from using shadows on every element; reserve them only for cards needing explicit elevation in a dark environment. Do not use letter-spacing: normal for headlines where tight tracking is preferred; consistently apply the 0.2860em value for Neue Haas Unica where specified. Avoid using decorative fonts like Galada for body text or functional interface elements; it is reserved for specific brand elements. Do not introduce new border-radius values; stick to the established system of 20px for cards, 15px for images, and 200px for buttons.