Easier documentation of tailwind setup idiosyncrasies in website template

[Ortimis]

The website template uses at least three places for its tailwind setup. tailwind.config.mjs, cssVariables.js (with an ominous comment "// Keep these in sync with the CSS variables in your tailwind configuration"), and globals.css with css variables to configure tailwind. This is somewhat confusing and could either be simplified, or documentation could be improved to streamline the developer experience. Im assuming this setup is related to shadcn/ui convention https://ui.shadcn.com/docs/theming ? The breakpoints defined in cssVariables.js are also used the imageMedia component. A few links and a better comment would probably do - quick win.