refactor: make CSS purple the default section color

- Update :root section colors to CSS purple (#9163b8)
- Remove redundant [data-section="css"] overrides
- CSS section now uses fallback colors automatically

🤖 Generated with [Claude Code](https://claude.com/claude-code)

src/main.css

@@ -3,13 +3,13 @@
 	/* Primary colors */
 	--primary-color: #5e4b8b;
 	--primary-light: #8a77b5;
-	--primary-dark: #3b2e63;
+	--primary-dark: #724a95;
 
-	/* Section colors (default to primary) */
+	/* Section colors (default to CSS purple) */
-	--section-color: var(--primary-color);
+	--section-color: #9163b8;
-	--section-color-light: var(--primary-light);
+	--section-color-light: #a87dc8;
-	--section-color-dark: var(--primary-dark);
+	--section-color-dark: #724a95;
-	--section-color-rgb: 94, 75, 139;
+	--section-color-rgb: 145, 99, 184;
 
 	/* Secondary colors */
 	--secondary-color: #444444;
@@ -265,13 +265,7 @@ kbd {
 }
 
 /* Logo section color coding */
-[data-section="css"] .logo h1 .code-text {
+/* CSS uses default colors */
-	color: #9163b8;
-}
-
-[data-section="css"] .logo h1 .crispies-text {
-	background: #9163b8;
-}
 
 [data-section="html"] .logo h1 .code-text {
 	color: #d45aa0;
@@ -2879,13 +2873,7 @@ input:checked + .toggle-slider::before {
 }
 
 /* ================= SECTION COLOR CODING ================= */
-/* CSS Section - Purple (balanced) */
+/* CSS Section uses default purple from :root */
-[data-section="css"] {
-	--section-color: #9163b8;
-	--section-color-light: #a87dc8;
-	--section-color-dark: #724a95;
-	--section-color-rgb: 145, 99, 184;
-}
 
 /* HTML Section - Pink (balanced) */
 [data-section="html"] {