fix(a11y): raise faint ink text to meet WCAG AA contrast

Dim text tokens (base-content/40-50, #4f7099) sat at 3.0-4.1:1 on the
navy paper, below the 4.5:1 minimum. Brighten text uses to #7ea6cd
(~6:1) and split the overloaded --ink-faint into --ink-dim so borders,
stripes and diagram edges keep their intended faintness.

src/specimens/CalendarSpecimen.vue

@@ -261,7 +261,8 @@ function barStyle(e: MonthEvent) {
 <style scoped>
 .specimen {
   --ink: var(--color-base-content);
-  --ink-faint: #4f7099;
+  --ink-faint: #4f7099; /* decorative only: borders, stripes, fills */
+  --ink-dim: #7ea6cd; /* dim text — meets WCAG AA on navy paper */
   --amber: var(--color-accent);
   --amber-dim: color-mix(in srgb, var(--color-accent) 14%, transparent);
   --cyan: var(--color-secondary);
@@ -272,7 +273,7 @@ function barStyle(e: MonthEvent) {
   font-size: 13px;
 }
 .note {
-  color: var(--ink-faint);
+  color: var(--ink-dim);
   font-size: 11px;
   font-style: italic;
   margin: 0 0 10px;
@@ -311,7 +312,7 @@ function barStyle(e: MonthEvent) {
 .scope-btn {
   padding: 4px 11px;
   font-size: 11px;
-  color: var(--ink-faint);
+  color: var(--ink-dim);
   border-left: 1px solid var(--line);
 }
 .scope-btn:first-child {
@@ -338,7 +339,7 @@ function barStyle(e: MonthEvent) {
   letter-spacing: 0.08em;
 }
 .badge-note {
-  color: var(--ink-faint);
+  color: var(--ink-dim);
 }
 
 /* month grid */
@@ -383,7 +384,7 @@ function barStyle(e: MonthEvent) {
   color: color-mix(in srgb, var(--ink) 70%, transparent);
 }
 .daycell.adjacent .dnum {
-  color: var(--ink-faint);
+  color: var(--ink-dim);
   opacity: 0.55;
 }
 /* event bars, positioned over the day cells of their week */
@@ -465,7 +466,7 @@ function barStyle(e: MonthEvent) {
 .wk-hour {
   padding: 6px;
   font-size: 10px;
-  color: var(--ink-faint);
+  color: var(--ink-dim);
   border-right: 1px solid var(--line);
   text-align: right;
 }