style: 🎨 reorganize CSS variables and maintain button styles for consistency

Author: jevillanueva

content/custom.css

@@ -1,8 +1,38 @@
-.custom-btn-home{
-    position: absolute;
-    top: 1%;
-    left: 1%;
+:root {
+  --green: #057985; /* Verde */
+  --burgundy: #9e0059; /* Bordo */
+  --yellow: #ffec9b; /* Amarillo */
+  --light-blue: #c0d6e1; /* Celeste */
+  --cream: #ecece2; /* Crema */
+
+  --turquoise-green: #2ec4b6; /* Verde Turquesa */
+  --pastel-orange: #f8d682; /* Naranja Pastel */
+  --creamy-orange: #f6d7c5; /* Naranja Cremoso */
+  --creamy-magenta: #f1dbe7; /* Magenta Cremoso */
 }
-.custom-btn-home  img{
-    width: 3vh;
+
+.custom-btn-home {
+  position: absolute;
+  top: 1%;
+  left: 1%;
+}
+.custom-btn-home img {
+  width: 3vh;
+}
+
+strong {
+  color: var(--yellow);
+}
+
+.slides p code, .slides li code {
+  color: var(--turquoise-green);
+}
+
+.center-mermaid > code {
+    display: flex !important;
+    justify-content: center !important;
+}
+
+em {
+  color: var(--burgundy);
 }