Use PostCSS for bundling

assets/css/bundle.css.old

@@ -0,0 +1,45 @@
+/* PostCSS Bundle - All CSS files from layouts/_default/baseof.html */
+
+/* Import Bootstrap CSS */
+@import url('../static/assets/plugins/bootstrap/bootstrap.min.css');
+
+/* Import Theme CSS */
+@import url('../static/assets/css/theme.css');
+
+/* Import Bootstrap Icons */
+@import url('../static/assets/plugins/bootstrap-icons/bootstrap-icons.css');
+
+/* Import Font Awesome */
+@import url('../static/assets/plugins/font-awesome/css/all.css');
+
+/* Additional CSS files (uncomment as needed) */
+/* @import url('../static/assets/plugins/owl-carousel/owl.carousel.min.css'); */
+/* @import url('../static/assets/plugins/owl-carousel/owl.theme.default.min.css'); */
+/* @import url('../static/assets/plugins/magnific-popup/magnific-popup.min.css'); */
+/* @import url('../static/assets/plugins/scrollcue/scrollcue.css'); */
+/* @import url('../static/assets/plugins/swiper/swiper-bundle.min.css'); */
+/* @import url('../static/assets/css/theme-colors/theme-color-blue.css'); */
+
+/* Custom styles and overrides */
+:root {
+  /* Custom CSS variables can be defined here */
+}
+
+/* Ensure proper box-sizing */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/* Ensure responsive images */
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+/* Ensure proper font rendering */
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}