Refactored hero title and subtitle styles for better maintainability and flexibility, ensuring consistent appearance across light and dark modes.

Optimized hero title and subtitle styling for light and dark modes by reducing code duplication, improving maintainability with CSS variables, and enhancing flexibility for future theme adjustments. Simplified structure ensures consistency and easier customization.

Author: bharat-vicky

Diff for: unconference-2025/src/css/custom.css

@@ -40,4 +40,21 @@
 
 .hero__subtitle {
   font-weight: bold;
-}
+}
+/* Default (light mode) styles for hero title and subtitle */
+.hero__title, .hero__subtitle {
+  color: #fff; /* white text for light mode */
+  text-shadow: 0 0 1em #007d8a; /* Retain text shadow */
+  font-size: 32px;
+}
+
+.hero__subtitle {
+  font-weight: bold;
+}
+
+/* Dark mode styles for hero title and subtitle */
+[data-theme='dark'] .hero__title,
+[data-theme='dark'] .hero__subtitle {
+  color: #fff; /* White text for dark mode */
+  text-shadow: 0 0 1em #0394a3; /* Adjust shadow color if needed */
+}