style: Update color variables in CSS and improve scenario prompts in templates

templates/production.html

@@ -15,7 +15,9 @@
     </label>
   </div>
   {% else %}
-  <p class="empty-state">Create a scenario to view production output data.</p>
+  <p class="empty-state">
+    Create a <a href="scenarios">scenario</a> to view production output data.
+  </p>
   {% endif %}
   <div id="production-empty" class="empty-state">
     Choose a scenario to review its production output.
@@ -81,7 +83,9 @@
   </form>
   <p id="production-feedback" class="feedback hidden" role="status"></p>
   {% else %}
-  <p class="empty-state">Create a scenario before adding production output.</p>
+  <p class="empty-state">
+    Create a <a href="scenarios">scenario</a> before adding production output.
+  </p>
   {% endif %}
 </section>