symbols on grid

maquette-tests/assets/css/01_var.css

@@ -71,6 +71,7 @@
     --sign-spacing: 0.45rem;
     --sign-spacing: 7.2px;
     --sign-color: var(--red);
+    --sign-color: black;
   
 
 

maquette-tests/assets/css/02_body.css

@@ -5,6 +5,7 @@
     -webkit-font-smoothing: antialiased;
     -moz-font-smoothing: antialiased;
     -o-font-smoothing: antialiased;
+    text-rendering: geometricPrecision;
     
 }
 a {

maquette-tests/assets/css/03_layout.css

@@ -19,6 +19,7 @@
       padding-top: calc(8mm - var(--symbol-top));
       width: calc(var(--unit)*2);
       font-size: var(--fs-subtitle);
+      color: var(--sign-color);
     }
 
     @top-center{
@@ -30,6 +31,7 @@
       padding-right: 1.5ch;
       padding-left: 0.5ch;
       font-size: var(--fs-subtitle);
+       color: var(--sign-color);
 
     }
 

maquette-tests/assets/css/subtitles.css

@@ -58,7 +58,7 @@ h3, h4{
 
  .decor-h3_small div{
         position: relative;
-        top: calc(var(--baseline)*-2);
+        top: calc(var(--baseline)*-1.5);
 }
 
 .decor-h3_big{
@@ -69,5 +69,5 @@ h3, h4{
 
  .decor-h3_big div{
         position: relative;
-        top: calc(var(--baseline) * -3 - 9px);
+        top: calc(var(--baseline) * -2.5 - 9px);
 }