Lumino ships as a CSS file, a TypeScript package, and a downloadable asset bundle. Pick the integration layer that fits your stack — they all resolve to the same tokens.
The fastest way: drop a single stylesheet in your <head>. Every token is exposed as a CSS custom property. Every component you write from there — in any framework or no framework — resolves through the same variables.
Tokens come in two forms: semantic names (--color-surface-panel) and legacy aliases (--bg-1) kept for portal compatibility. Prefer semantic names in new code.
Themes apply via data-theme on any ancestor (usually <html> or a root wrapper). Stack data-mode and data-density on top.
Components are available in three flavors: React/TSX (recommended), class-based for the portal monolith, and semantic HTML you can style yourself.