update css colors to better reflect spicecode theme

Author: CodyKoInABox

docs/src/css/custom.css

@@ -1,30 +1,32 @@
-/**
- * Any CSS included here will be global. The classic template
- * bundles Infima by default. Infima is a CSS framework designed to
- * work well for content-centric websites.
- */
-
-/* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #2e8555;
-  --ifm-color-primary-dark: #29784c;
-  --ifm-color-primary-darker: #277148;
-  --ifm-color-primary-darkest: #205d3b;
-  --ifm-color-primary-light: #33925d;
-  --ifm-color-primary-lighter: #359962;
-  --ifm-color-primary-lightest: #3cad6e;
+  /* Primary brand colors - Spicy red-orange palette */
+  --ifm-color-primary: #e65100; /* Deep spice orange */
+  --ifm-color-primary-dark: #bf360c;
+  --ifm-color-primary-darker: #a12900;
+  --ifm-color-primary-darkest: #7f1f00;
+  --ifm-color-primary-light: #ff6d00;
+  --ifm-color-primary-lighter: #ff8f00;
+  --ifm-color-primary-lightest: #ffb300;
+
   --ifm-code-font-size: 95%;
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+  --docusaurus-highlighted-code-line-bg: rgba(230, 81, 0, 0.1); /* translucent spice */
+  
+  /* Optional spice-themed accent */
+  --ifm-link-color: #ff5722;
+  --ifm-link-hover-color: #ff7043;
 }
 
-/* For readability concerns, you should choose a lighter palette in dark mode. */
+/* Dark mode variant */
 [data-theme='dark'] {
-  --ifm-color-primary: #25c2a0;
-  --ifm-color-primary-dark: #21af90;
-  --ifm-color-primary-darker: #1fa588;
-  --ifm-color-primary-darkest: #1a8870;
-  --ifm-color-primary-light: #29d5b0;
-  --ifm-color-primary-lighter: #32d8b4;
-  --ifm-color-primary-lightest: #4fddbf;
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+  --ifm-color-primary: #ff8a50;
+  --ifm-color-primary-dark: #ff7043;
+  --ifm-color-primary-darker: #f4511e;
+  --ifm-color-primary-darkest: #bf360c;
+  --ifm-color-primary-light: #ffa270;
+  --ifm-color-primary-lighter: #ffb792;
+  --ifm-color-primary-lightest: #ffd2b3;
+
+  --docusaurus-highlighted-code-line-bg: rgba(255, 138, 80, 0.2);
+  --ifm-link-color: #ffab91;
+  --ifm-link-hover-color: #ffccbc;
 }