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

static/css/main.css

@@ -1,17 +1,17 @@
 :root {
   --color-background: #f4f5f7;
   --color-surface: #ffffff;
-  --color-text-primary: #1f2933;
+  --color-text-primary: #2a1f33;
-  --color-text-secondary: #475569;
+  --color-text-secondary: #624769;
   --color-text-muted: #64748b;
   --color-text-subtle: #94a3b8;
   --color-text-invert: #ffffff;
   --color-text-dark: #0f172a;
   --color-text-strong: #111827;
-  --color-primary: #0b3d91;
+  --color-primary: #5f320d;
-  --color-primary-strong: #2563eb;
+  --color-primary-strong: #7e4c13;
-  --color-primary-stronger: #1d4ed8;
+  --color-primary-stronger: #837c15;
-  --color-accent: #38bdf8;
+  --color-accent: #bff838;
   --color-border: #e2e8f0;
   --color-border-strong: #cbd5e1;
   --color-highlight: #eef2ff;
@@ -83,7 +83,7 @@ body {
   height: 44px;
   border-radius: 12px;
   background: linear-gradient(
-    135deg,
+    0deg,
     var(--color-primary-stronger),
     var(--color-accent)
   );
@@ -143,6 +143,7 @@ body {
 }
 
 .app-main {
+  background-color: var(--color-background);
   display: flex;
   flex-direction: column;
   flex: 1;

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
+      <select id="consumption-form-unit" name="unit_name" required>
-        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
+    <input id="consumption-form-unit-symbol" type="hidden" name="unit_symbol" />
-      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 ) }}
+    placeholder_disabled=True ) }} {{ select_field( "Currency",
-    {{ select_field(
+    "capex-form-currency", name="currency_code", options=currency_options,
-      "Currency",
+    required=True, placeholder="Select currency", placeholder_disabled=True,
-      "capex-form-currency",
+    value_attr="id", label_attr="name" ) }}
-      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 ) }}
+    placeholder_disabled=True ) }} {{ select_field( "Currency",
-    {{ select_field(
+    "opex-form-currency", name="currency_code", options=currency_options,
-      "Currency",
+    required=True, placeholder="Select currency", placeholder_disabled=True,
-      "opex-form-currency",
+    value_attr="id", label_attr="name" ) }}
-      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