Explore options for managing CSS and themes

[fwextensions]

The current Astro prototype uses Pico CSS for basic styling, but we'll probably need something a little more full-featured. It should support design tokens in some way, so we can make styling changes easily. Dark theme support would be nice to have.

[javtran]

https://www.michaelmang.dev/blog/integrating-design-tokens-with-tailwind

Using tailwind as a base and then creating a script to hold all of our design tokens that could be easily integrated into Tailwind class utility syntax.

[fwextensions]

Panda CSS is a modern CSS-in-JS framework, which supports Astro: https://panda-css.com/docs/installation/astro

[fwextensions]

Probably don't need it for this site, but here's a styled-components-esque package for creating simple styled React components: https://react-twc.vercel.app/