While we primarily use Tailwind CSS, we also have additional custom styles written in standard CSS, located in the src/assets/styles/* directory. Because Tailwind depends on certain CSS processing features, we're using PostCSS as our preprocessor.

Here's an overview of our styles folder structure:

├── styles                     
|   ├── components               # styles for base UI components
|   ├── docs                     # styles for documentation components
|   ├── tailwind                 # Tailwind entry & base styles
|   ├── template                 # styles for template components
|   ├── vendors                  # styles for third-party libraries
|   └── index.css                # main entry CSS

Each folder inside the styles directory contains an index.css file that imports all other CSS files within the same folder. Eventually, all these index.css files are imported into the main entry CSS.