feat(frontend): polish login and design tokens

core/frontend/src/messages-page.css

@@ -54,7 +54,7 @@
 .msg-panel-h .mono {
   margin-left: auto;
   font-family: var(--font-mono);
-  font-size: 10.5px;
+  font-size: 12px;
   color: var(--black-alpha-48);
   letter-spacing: .04em;
 }
@@ -92,7 +92,7 @@
 }
 .msg-filter .ct {
   font-family: var(--font-mono);
-  font-size: 10px;
+  font-size: 12px;
   letter-spacing: .02em;
 }
 .msg-search {
@@ -134,7 +134,7 @@
 .msg-load-more {
   padding: 14px 16px 18px;
   text-align: center;
-  font-size: 10.5px;
+  font-size: 12px;
   color: var(--black-alpha-48);
   letter-spacing: .04em;
 }
@@ -207,7 +207,7 @@
   flex-shrink: 0;
   color: var(--black-alpha-48);
   font-family: var(--font-mono);
-  font-size: 10.5px;
+  font-size: 12px;
   letter-spacing: .02em;
 }
 .msg-brief {
@@ -236,7 +236,7 @@
   background: var(--background-lighter);
   color: var(--black-alpha-56);
   font-family: var(--font-mono);
-  font-size: 10px;
+  font-size: 12px;
   letter-spacing: .02em;
 }
 .msg-priority.ok { background: var(--forest-bg); border-color: var(--forest-bd); color: var(--accent-forest); }
@@ -253,7 +253,7 @@
   font-size: 13px;
   text-align: center;
 }
-.msg-empty svg { width: 24px; height: 24px; color: var(--black-alpha-48); }
+.msg-empty svg { width: 24px; height: 24px; color: var(--ink-3); }
 .msg-detail-empty {
   flex: 1;
   min-height: 520px;
@@ -305,7 +305,7 @@
   margin-top: 8px;
   color: var(--black-alpha-48);
   font-family: var(--font-mono);
-  font-size: 10.5px;
+  font-size: 12px;
   letter-spacing: .04em;
 }
 .msg-body-text {
@@ -327,7 +327,7 @@
 .msg-props .k {
   color: var(--black-alpha-48);
   font-family: var(--font-mono);
-  font-size: 10.5px;
+  font-size: 12px;
   letter-spacing: .04em;
 }
 .msg-props .v {
@@ -351,7 +351,7 @@
   gap: 8px;
   color: var(--black-alpha-48);
   font-family: var(--font-mono);
-  font-size: 10.5px;
+  font-size: 12px;
   letter-spacing: .04em;
 }
 .msg-foot-note a { color: var(--heat); cursor: pointer; }