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

templates/ParameterInput.html

@@ -38,7 +38,8 @@ endblock %} {% block content %}
   </div>
   {% else %}
   <p class="empty-state">
-    No scenarios available. Create a scenario before adding parameters.
+    No scenarios available. Create a <a href="scenarios">scenario</a> before
+    adding parameters.
   </p>
   {% endif %}
 </section>

templates/consumption.html

@@ -30,11 +30,7 @@ title %}Consumption · CalMiner{% endblock %} {% block content %}
     scenario", placeholder_disabled=True ) }}
     <label for="consumption-form-unit">
       Unit
-      <select
-        id="consumption-form-unit"
-        name="unit_name"
-        required
-      >
+      <select id="consumption-form-unit" name="unit_name" required>
         <option value="" disabled selected>Select unit</option>
         {% for unit in unit_options %}
         <option value="{{ unit.name }}" data-symbol="{{ unit.symbol }}">
@@ -43,11 +39,7 @@ title %}Consumption · CalMiner{% endblock %} {% block content %}
         {% endfor %}
       </select>
     </label>
-    <input
-      id="consumption-form-unit-symbol"
-      type="hidden"
-      name="unit_symbol"
-    />
+    <input id="consumption-form-unit-symbol" type="hidden" name="unit_symbol" />
     <label for="consumption-form-amount">
       Amount
       <input
@@ -71,7 +63,7 @@ title %}Consumption · CalMiner{% endblock %} {% block content %}
   </form>
   {{ feedback("consumption-feedback") }} {% else %}
   <p class="empty-state">
-    Create a scenario before adding consumption records.
+    Create a <a href="scenarios">scenario</a> before adding consumption records.
   </p>
   {% endif %}
 </section>

templates/costs.html

@@ -56,18 +56,10 @@ title %}Costs · CalMiner{% endblock %} {% block content %}
   <form id="capex-form" class="form-grid">
     {{ select_field( "Scenario", "capex-form-scenario", name="scenario_id",
     options=scenarios, required=True, placeholder="Select a scenario",
-    placeholder_disabled=True ) }}
-    {{ select_field(
-      "Currency",
-      "capex-form-currency",
-      name="currency_code",
-      options=currency_options,
-      required=True,
-      placeholder="Select currency",
-      placeholder_disabled=True,
-      value_attr="id",
-      label_attr="name"
-    ) }}
+    placeholder_disabled=True ) }} {{ select_field( "Currency",
+    "capex-form-currency", name="currency_code", options=currency_options,
+    required=True, placeholder="Select currency", placeholder_disabled=True,
+    value_attr="id", label_attr="name" ) }}
     <label for="capex-form-amount">
       Amount
       <input
@@ -100,18 +92,10 @@ title %}Costs · CalMiner{% endblock %} {% block content %}
   <form id="opex-form" class="form-grid">
     {{ select_field( "Scenario", "opex-form-scenario", name="scenario_id",
     options=scenarios, required=True, placeholder="Select a scenario",
-    placeholder_disabled=True ) }}
-    {{ select_field(
-      "Currency",
-      "opex-form-currency",
-      name="currency_code",
-      options=currency_options,
-      required=True,
-      placeholder="Select currency",
-      placeholder_disabled=True,
-      value_attr="id",
-      label_attr="name"
-    ) }}
+    placeholder_disabled=True ) }} {{ select_field( "Currency",
+    "opex-form-currency", name="currency_code", options=currency_options,
+    required=True, placeholder="Select currency", placeholder_disabled=True,
+    value_attr="id", label_attr="name" ) }}
     <label for="opex-form-amount">
       Amount
       <input

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>
 

templates/maintenance.html

@@ -15,7 +15,9 @@
     </label>
   </div>
   {% else %}
-  <p class="empty-state">Create a scenario to view maintenance entries.</p>
+  <p class="empty-state">
+    Create a <a href="scenarios">scenario</a> to view maintenance entries.
+  </p>
   {% endif %}
   <div id="maintenance-empty" class="empty-state">
     Choose a scenario to review upcoming or completed maintenance.
@@ -95,7 +97,8 @@
   <p id="maintenance-feedback" class="feedback hidden" role="status"></p>
   {% else %}
   <p class="empty-state">
-    Create a scenario before managing maintenance entries.
+    Create a <a href="scenarios">scenario</a> before managing maintenance
+    entries.
   </p>
   {% endif %}
 </section>

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>
 

templates/simulations.html

@@ -15,7 +15,7 @@
     </label>
   </div>
   {% else %}
-  <p class="empty-state">Create a scenario before running simulations.</p>
+  <p class="empty-state">Create a <a href="scenarios">scenario</a> before running simulations.</p>
   {% endif %}
 
   <div