CSS refactor: border-width variable, darker border palette, hover/padding cleanup

wwwroot/css/base.css

@@ -7,25 +7,32 @@ body {
 }
 
 body, input, select, button, textarea {
-  padding: var(--s2);
   font-family: monospace;
   font-size: 1em;
   line-height: 1.5;
   color: var(--text);
 }
 
+input, textarea, select {
+  padding: var(--s2);
+}
+
 h1, h2, h3, h4, h5 {
   font-size: 1em;
 }
 
-button, select, textarea {
-  border: 1px solid var(--f2-border);
+textarea, p {
+  line-height: 1.5;
+}
+
+button, select, input, textarea {
+  border: var(--border-width) solid var(--f3-border);
   background: var(--f3-bg);
   outline: none;
 }
 
 button:hover, select:hover, input:hover, textarea:hover {
-  border-color: var(--f3-border);
+  border-color: var(--primary);
 }
 
 button {
@@ -52,7 +59,7 @@ textarea {
 
 .session-rename {
   background: var(--f2-bg);
-  border: 1px solid var(--f3-border);
+  border: var(--border-width) solid var(--f2-border);
   outline: none;
 }
 
@@ -60,7 +67,7 @@ textarea {
 
 header {
   padding: var(--s4) calc(var(--s4) * 2);
-  border-bottom: 1px solid var(--f2-border);
+  border-bottom: var(--border-width) solid var(--f1-border);
   display: flex;
   align-items: center;
   gap: var(--s4);
@@ -83,7 +90,7 @@ header {
 .meta-bar {
   padding: var(--s2);
   background: var(--f1-bg);
-  border-bottom: 1px solid var(--f1-border);
+  border-bottom: var(--border-width) solid var(--f1-border);
   flex-shrink: 0;
   min-height: 2.5em;
 }
@@ -109,18 +116,18 @@ header {
 .msg.user {
   align-self: flex-end;
   background: var(--f3-bg);
-  border: 1px solid var(--f3-border);
+  border: var(--border-width) solid var(--f3-border);
 }
 
 .msg.assistant {
   align-self: flex-start;
   background: var(--f1-bg);
-  border: 1px solid var(--f1-border);
+  border: var(--border-width) solid var(--f1-border);
 }
 
 .msg.system-info {
   align-self: center;
-  border: 1px solid var(--f2-border);
+  border: var(--border-width) solid var(--f2-border);
   text-align: center;
 }
 
@@ -147,13 +154,13 @@ header {
   align-self: center;
   padding: var(--s2);
   background: var(--f3-bg);
-  border: 1px solid var(--f3-border);
+  border: var(--border-width) solid var(--f3-border);
 }
 
 /* ── Input Area ── */
 
 .input-area {
-  border-top: 1px solid var(--f1-border);
+  border-top: var(--border-width) solid var(--f1-border);
   display: flex;
   flex-shrink: 0;
   gap: var(--s4);