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

templates/equipment.html

@@ -15,7 +15,9 @@ block content %}
     </label>
   </div>
   {% else %}
-  <p class="empty-state">Create a scenario to view equipment inventory.</p>
+  <p class="empty-state">
+    Create a <a href="scenarios">scenario</a> to view equipment inventory.
+  </p>
   {% endif %}
   <div id="equipment-empty" class="empty-state">
     Choose a scenario to review the equipment list.
@@ -62,7 +64,9 @@ block content %}
   </form>
   <p id="equipment-feedback" class="feedback hidden" role="status"></p>
   {% else %}
-  <p class="empty-state">Create a scenario before managing equipment.</p>
+  <p class="empty-state">
+    Create a <a href="scenarios">scenario</a> before managing equipment.
+  </p>
   {% endif %}
 </section>