Refactor and expand style tokens for rows and badges.

This commit separates badge and row styles into distinct tokens, improving modularity and theme customization. It also introduces new tokens for section headers and replaces hardcoded values with more consistent styling logic. These changes enhance maintainability and visual consistency across the application.

frontend/src/styles/styles.js

@@ -48,9 +48,9 @@ export const styles = {
     fontWeight: 1000,
     fontFamily: '"Cinzel Decorative", "IM Fell English", system-ui',
     letterSpacing: 1.0,
-    color: stylesTokens.textGold,
-    background: "linear-gradient(180deg, rgba(32,32,36,0.92), rgba(14,14,16,0.92))",
-    borderBottom: `1px solid ${stylesTokens.goldLine}`,
+    color: stylesTokens.sectionHeaderText,
+    background: `linear-gradient(180deg, ${stylesTokens.sectionHeaderBgTop}, ${stylesTokens.sectionHeaderBgBottom})`,
+    borderBottom: `1px solid ${stylesTokens.sectionHeaderBorder}`,
     textTransform: "uppercase",
     textShadow: "0 1px 0 rgba(0,0,0,0.6)",
   },