style home amelioration

assets/css/_page-header.scss

@@ -3,8 +3,8 @@
     // margin-top: calc(var(--spacing)*1);
     // margin-bottom: calc(var(--spacing)*2);
 
-    color: var(--color-green);
-    background-color: var(--color-green-light);
+    color: var(--data-color);
+    background-color: var(--data-color-light);
 
     padding: calc(var(--spacing)*3) var(--padding-body);
 
@@ -18,7 +18,6 @@
     .page-title{
         font-size: var(--fs-title-page);
         font-family: var(--font-title);
-        // color: var(--color-green);
         margin-bottom: calc(var(--spacing)*1);
     }
 
@@ -51,7 +50,7 @@
         button{
             margin-top: calc(var(--spacing)*1);
             a{
-                color: var(--color-green);
+                color: var(--data-color);
               
             }
         }

assets/css/_site-nav.scss

@@ -48,10 +48,10 @@
     text-decoration: none;
 
     &:hover{
-        color: var(--color);
+        color: var(--color-green);
         .arrow svg{
             transform: rotate(90deg);
-            fill: var(--color);
+            fill: var(--color-green);
         }
 
     }
@@ -69,7 +69,7 @@
     position: absolute;
     left: 0;
     display: none;
-    border-top: 1px solid var(--color);
+    border-top: 1px solid var(--color-green);
     box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
     margin-top: var(--padding-inner); 
     min-width: 24ch;
@@ -91,7 +91,8 @@
     
 }
 .nav-level-2_li:hover{
-    background-color: var(--color-light);
+    background-color: var(--color-x-light);
+
 }
 
 

assets/css/abstracts/_var.scss

@@ -63,9 +63,13 @@
 
 
 
-    --color: var(--color-green);
-    --color-medium: var(--color-green-medium);
-    --color-light: var(--color-green-light);
+    // --color: var(--color-green);
+    // --color-medium: var(--color-green-medium);
+    // --color-light: var(--color-green-light);
+
+    --data-color: var(--color-green);
+    --data-color-medium: var(--color-green-medium);
+    --data-color-light: var(--color-green-light);
 
 
     --max-width-content: 740px;

assets/css/components/_buttons.scss

@@ -4,7 +4,7 @@
     font-weight: 600;
     font-size: 1.2rem;
 
-    background-color: var(--color);
+    background-color: var(--color-txt);
     color: var(--white);
 
     display: inline-flex;

assets/css/components/_taxon-card.scss

@@ -1,5 +1,18 @@
 @use "../abstracts/mixins.scss" as *;
 
+
+.species-list{
+         display: grid;
+         grid-gap: calc(var(--spacing)*1);
+        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
+
+        .taxon{
+            align-self: start;
+        }
+
+    }
+    
+
 .species-list .taxon{
 
 

assets/css/pages/_home.scss

@@ -3,9 +3,10 @@
 
 .home--section-tool{
     background-color: var(--data-color);
+     color: var(--data-color-light);
     &[data-type="base-connaissance"],
     &[data-type="livrets"]{
-        color: var(--white);
+        color: var(--data-color-light);
     }
 }
 
@@ -40,6 +41,8 @@
         font-size: 2.8rem;
         font-family: var(--font-title);
         grid-column: span 2;
+        text-align: center;
+        margin-bottom: calc(var(--spacing)*2);
     }
 
     .baseline {
@@ -50,6 +53,16 @@
 
     }
 
+    .species-list{
+        margin-bottom: calc(var(--spacing)*3);
+    }
+
+    .species-list .title{
+        grid-column: 1/end;
+        font-size: var(--fs-medium);
+        color: var(--data-color-light);
+    }
+
 
 }
 
@@ -85,7 +98,7 @@
         font-size: 3.6em;
 
         margin-bottom: calc(var(--unit)*1.5);
-        color: var(--color);
+        color: var(--color-green);
 
 
     }

assets/css/pages/_species.scss

@@ -63,15 +63,4 @@
     }
 
 
-    .species-list{
-         display: grid;
-         grid-gap: calc(var(--spacing)*1);
-        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
-
-        .taxon{
-            align-self: start;
-        }
-
-    }
-
 }