fix: move render blocking scripts, add bimodal text color tokens to sections

Author: markcaron

static/styles/main.css

@@ -107,6 +107,7 @@
     background-repeat: no-repeat;
     background-size: cover; */
     min-height: 25vh;
+    color: var(--rh-color-text-primary);
 
     .hero-bg {
       position: absolute;
@@ -171,6 +172,7 @@
     padding-block-end: var(--rh-space-4xl);
     padding-block-start: var(--rh-space-4xl);
     padding-inline: var(--rh-space-lg);
+    color: var(--rh-color-text-primary);
   }
 
   #table-filters {

templates/index.html

@@ -116,5 +116,8 @@ <h3 class="header">{{ elem.heading }}</h3>
 
 {% include "partials/_footer.html" %}
 
+<script src="/js/table-search.js"></script>
+<script src="/js/art-direction.js"></script>
+
 </body>
 </html>

templates/partials/_head.html

@@ -36,7 +36,4 @@
         margin-inline-start: var(--rh-space-sm);
         color: var(--rh-color-gray-50);
     }
-</style>
-
-<script src="/js/table-search.js"></script>
-<script src="/js/art-direction.js"></script>
+</style>