cambios de Inicio hasta Soluciones

css/styles.css

@@ -8,19 +8,35 @@
 /* --- 1. Variables de Color y Tema --- */
 :root {
   /* Marca IDE */
-  --ide-primary: #094b63;
-  --ide-primary-dark: #223344;
-  --ide-primary-light: #2c69ab;
-  --ide-primary-light2: #2c69ab;
-  --ide-accent: #40ab8e;
+  --ide-primary: #1e4a5e;
+  --ide-primary-dark: #14313e;
+  --ide-primary-light: #2c6d8c;
+  --ide-primary-light2: #3686ab;
+  --ide-accent: #4caf7a;
+  --ide-accent-dark: #388059;
+  --ide-accent-ligth: #71c196;
+  --ide-accent-ligth2: #8ecdab;
+  --ide-grey: #666666;
+  --ide-grey-dark:#333333;
+  --ide-grey-ligth:#cccccc;
+  --ide-academy: #c8102e;
+  --ide-academy-dark:#970c23;
+  --ide-academy-ligth:#EE2F4F;
+  --ide-academy-ligth2:#F7A1AF;
+  --ide-excellence: #009e8f;
+  --ide-excellence-dark: #00665c;
+  --ide-excellence-ligth: #00e0ca;
+  --ide-digital: #1d71b8;
+  --ide-digital-dark: #134d7c;
+  --ide-digital-ligth: #72b3e9;
+  --ide-projects: #f28c2b;
+  --ide-projects-dark: #ad590b;
+  --ide-projects-ligth: #f6b679;
+
   --ide-accent-hover: #4fb389;
   --ide-accent-soft: rgba(19, 167, 138, 0.12);
   --card-overlay: rgba(227, 235, 233, 0.85);
   --ide-dark-gray: #1b1717;
-  --ide-excellence: #4fb389;
-  --ide-projects: #ed8d01;
-  --ide-academy: #a83c41; 
-  --ide-digital: #2c69ab;
   --teal-dark:   #1B5E6E;
   --cta-hover:#40ab8e;
   --bg-subtle: #ecf9fd;