The limited capabilities of inline styles have frustrated web developers for decades, forcing us to choose between unmaintainable architecture and complex workarounds. CSS Variables offer a solution.

In recent years, frontend developers have questioned whether traditional CSS "best practices" are a good fit for component-based architecture (like React). Along the way, we rediscovered inline styles, using brute-force workarounds like CSS-in-JS and Atomic CSS to overcome their technical limitations around hover effects, responsive design, etc. CSS Hooks offers a dramatically simpler browser-native solution built upon the programmability of CSS Variables.