create-pmos 0.512.0 → 0.514.0

package/workspace/public/pm/components.css

@@ -24,7 +24,7 @@
 }
 .pmc-layer__theme {
   font-family: var(--sans);
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
   color: var(--foreground);
 }
@@ -59,9 +59,9 @@
   background: transparent;
   color: var(--foreground);
   font-family: var(--sans);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 1;
-  font-weight: 500;
+  font-weight: var(--fw-regular);
   white-space: nowrap;
   cursor: pointer;
   user-select: none;
@@ -135,9 +135,9 @@
   min-width: 0;
 }
 .pmc-field__label {
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
-  font-weight: 500;
+  font-weight: var(--fw-regular);
   color: var(--muted-foreground);
 }
 .pmc-field__label--hidden {
@@ -165,15 +165,15 @@
   background: transparent;
   color: var(--foreground);
   font-family: var(--sans);
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
 }
 .pmc-field__input::placeholder {
   color: var(--muted-foreground);
 }
 .pmc-field__input--title {
-  font-size: 16px;
-  font-weight: 600;
+  font-size: var(--fs-row);
+  font-weight: var(--fw-strong); line-height: var(--lh-row);
 }
 .pmc-field__input--area {
   height: auto;
@@ -208,7 +208,7 @@
   align-items: center;
   gap: 8px;
   min-height: 32px;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
   cursor: pointer;
 }
@@ -249,9 +249,9 @@
   flex: none;
   height: 18px;
   padding: 0 6px;
-  font-size: 11px;
+  font-size: var(--fs-badge);
   line-height: 16px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
   text-transform: uppercase;
   white-space: nowrap;
@@ -275,7 +275,7 @@
   flex: none;
   white-space: nowrap;
   color: var(--muted-foreground);
-  font-weight: 500;
+  font-weight: var(--fw-regular);
 }
 .pmc-signal--warning {
   color: var(--warning);
@@ -301,8 +301,8 @@
 /* The Today count: the number beside the dot. With the dot, the only place the brand colour appears (R28-8). */
 .pmc-needs-count {
   color: var(--brand-mark);
-  font-size: 11px;
-  font-variant-numeric: tabular-nums;
+  font-size: var(--fs-meta);
+  font-variant-numeric: tabular-nums; line-height: var(--lh-meta);
 }
 .pmc-sep {
   color: var(--muted-foreground);
@@ -374,9 +374,9 @@
   align-items: center;
   gap: 6px;
   min-width: 0;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
-  font-weight: 500;
+  font-weight: var(--fw-regular);
 }
 .pmc-title__text {
   min-width: 0;
@@ -389,7 +389,7 @@
   align-items: center;
   column-gap: 6px;
   min-width: 0;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
 }
@@ -426,7 +426,7 @@
   background: transparent;
 }
 .pmc-row--owed .pmc-row__title {
-  font-weight: 500;
+  font-weight: var(--fw-regular);
   color: var(--muted-foreground);
 }
 .pmc-row--owed .pmc-row__lead::before {
@@ -518,12 +518,12 @@
  * it says, with a 64px floor so short and long cards line up; the title and its line under it at reading size. */
 @media (max-width: 760px) {
   .pmc-card:where([data-fr-host="initiatives"] *) { min-height: 64px; padding: 12px 14px; justify-content: center; }
-  .pmc-card:where([data-fr-host="initiatives"] *) .pmc-card__title { font-size: 16px; line-height: 1.3; font-weight: 600; }
-  .pmc-card:where([data-fr-host="initiatives"] *) .pmc-card__meta { font-size: 14px; line-height: 1.4; }
+  .pmc-card:where([data-fr-host="initiatives"] *) .pmc-card__title { font-size: var(--fs-row); line-height: 1.3; font-weight: var(--fw-strong); }
+  .pmc-card:where([data-fr-host="initiatives"] *) .pmc-card__meta { font-size: var(--fs-body); line-height: 1.4; }
   .pmc-card:where([data-fr-host="initiatives"] *) .pmc-card__open { gap: 4px; }
   .pmc-card:where([data-fr-host="board"] *) { min-height: 64px; padding: 12px 14px; justify-content: center; }
-  .pmc-card:where([data-fr-host="board"] *) .pmc-card__title { font-size: 16px; line-height: 1.3; font-weight: 600; }
-  .pmc-card:where([data-fr-host="board"] *) .pmc-card__meta { font-size: 14px; line-height: 1.4; }
+  .pmc-card:where([data-fr-host="board"] *) .pmc-card__title { font-size: var(--fs-row); line-height: 1.3; font-weight: var(--fw-strong); }
+  .pmc-card:where([data-fr-host="board"] *) .pmc-card__meta { font-size: var(--fs-body); line-height: 1.4; }
   .pmc-card:where([data-fr-host="board"] *) .pmc-card__open { gap: 4px; }
 }
 .pmc-card:focus-visible,
@@ -567,9 +567,9 @@
   background: transparent;
   color: color-mix(in oklab, var(--foreground) 68%, transparent);
   font-family: var(--sans);
-  font-size: 12px;
+  font-size: var(--fs-label);
   line-height: 1;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
   text-transform: uppercase;
   white-space: nowrap;
@@ -630,7 +630,7 @@
   background: var(--card);
   color: var(--foreground);
   font-family: var(--sans);
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
   box-shadow: 0 0 0 1px color-mix(in oklab, var(--foreground) 12%, transparent),
     0 6px 16px -4px color-mix(in oklab, var(--term-bg) 28%, transparent);
@@ -659,7 +659,7 @@
 }
 .pmc-menu__detail {
   display: block;
-  font-size: 11px;
+  font-size: var(--fs-meta);
   line-height: 1.4;
   color: var(--muted-foreground);
 }
@@ -673,7 +673,7 @@
   margin-left: auto;
   padding-left: 16px;
   color: var(--muted-foreground);
-  font: 11px var(--mono);
+  font: var(--fs-meta)/var(--lh-meta) var(--mono);
 }
 .pmc-menu__item[aria-checked="true"] {
   background: var(--muted);
@@ -704,7 +704,7 @@
   background: var(--card);
   color: var(--foreground);
   font-family: var(--sans);
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
   box-shadow: 0 0 0 1px color-mix(in oklab, var(--foreground) 12%, transparent),
     0 12px 32px -8px color-mix(in oklab, var(--term-bg) 40%, transparent);
@@ -758,9 +758,9 @@
 }
 .pmc-sheet__title {
   margin: 0;
-  font-size: 16px;
+  font-size: var(--fs-row);
   line-height: 24px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   letter-spacing: -0.01em;
   overflow-wrap: anywhere;
 }
@@ -776,7 +776,7 @@
   border-width: 0;
 }
 .pmc-sheet__sub {
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
 }
@@ -834,7 +834,7 @@
   display: inline-flex;
   align-items: center;
   gap: 8px;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
   font-variant-numeric: tabular-nums;
@@ -875,7 +875,7 @@
   background: var(--card);
   color: var(--foreground);
   font-family: var(--sans);
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
   box-shadow: 0 0 0 1px color-mix(in oklab, var(--foreground) 12%, transparent),
     0 6px 16px -4px color-mix(in oklab, var(--term-bg) 28%, transparent);
@@ -903,7 +903,7 @@
 .pmc-empty {
   padding: 16px;
   color: var(--muted-foreground);
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
 }
 
@@ -972,7 +972,7 @@
     justify-content: center;
   }
   .pmc-field__input {
-    font-size: 16px;
+    font-size: var(--fs-body); line-height: var(--lh-body);
   }
   .pmc-check {
     min-height: 44px;
@@ -986,7 +986,7 @@
 /* A paragraph of a dialog sheet (dialogs.js): the question's own words, line breaks kept. */
 .pmc-dialog__text {
   margin: 0 0 12px;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 1.5;
   white-space: pre-line;
 }
@@ -1153,21 +1153,21 @@
   text-align: left;
   text-transform: none;
   letter-spacing: normal;
-  font-weight: 400;
+  font-weight: var(--fw-regular);
   line-height: 16px;
   color: var(--foreground);
 }
 .bd-entry__title {
   margin-right: 10px;
-  font-size: 12px;
-  font-weight: 600;
+  font-size: var(--fs-label);
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
-  text-transform: uppercase;
+  text-transform: uppercase; line-height: var(--lh-label);
 }
 .bd-entry__meta {
-  font-size: 12px;
+  font-size: var(--fs-meta);
   color: var(--muted-foreground);
-  font-variant-numeric: tabular-nums;
+  font-variant-numeric: tabular-nums; line-height: var(--lh-meta);
 }
 .bd-entry-wrap--legacy {
   padding: 12px 14px 0;
@@ -1185,7 +1185,7 @@
   background: var(--background);
   color: var(--foreground);
   font-family: var(--sans);
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
 }
 .bd-head {
@@ -1265,18 +1265,18 @@
   user-select: none;
 }
 .bd-stage__name {
-  font-weight: 600;
+  font-weight: var(--fw-strong);
 }
 .bd-stage__count {
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
   font-variant-numeric: tabular-nums;
 }
 .bd-stage__current {
-  font-size: 11px;
+  font-size: var(--fs-badge);
   line-height: 16px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
   text-transform: uppercase;
   color: var(--muted-foreground);
@@ -1309,8 +1309,8 @@
   border: 0;
   border-bottom: 1px solid var(--border);
   color: var(--muted-foreground);
-  font-size: 12px;
-  font-weight: 400;
+  font-size: var(--fs-meta);
+  font-weight: var(--fw-regular);
   line-height: 16px;
   letter-spacing: normal;
   text-transform: none;
@@ -1327,9 +1327,9 @@
   color: var(--muted-foreground);
   letter-spacing: 0.02em;
   text-transform: none;
-  font-size: 12px;
-  font-weight: 500;
-  padding: 0 8px;
+  font-size: var(--fs-meta);
+  font-weight: var(--fw-regular);
+  padding: 0 8px; line-height: var(--lh-meta);
 }
 .bd-add__field {
   flex: 1 1 auto;
@@ -1366,9 +1366,9 @@
   padding-bottom: 8px;
   margin-bottom: 12px;
   border-bottom: 1px solid var(--border);
-  font-size: 12px;
+  font-size: var(--fs-label);
   line-height: 16px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
   text-transform: uppercase;
 }
@@ -1383,7 +1383,7 @@
   justify-content: space-between;
   padding-bottom: 0;
   border-bottom: 0;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
   letter-spacing: 0;
   text-transform: none;
@@ -1414,7 +1414,7 @@
 .bd-col__older {
   margin-top: -4px;
   padding: 0 2px 12px;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
 }
@@ -1478,9 +1478,9 @@
   gap: 6px;
 }
 .bd-group__label {
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
-  font-weight: 500;
+  font-weight: var(--fw-regular);
   color: var(--muted-foreground);
 }
 .bd-chips {
@@ -1495,7 +1495,7 @@
   min-height: 28px;
   padding-left: 8px;
   background: var(--muted);
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .bd-after-add {
   display: flex;
@@ -1514,7 +1514,7 @@
   align-items: center;
   justify-content: space-between;
   gap: 8px;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
 }
 .bd-handoff {
@@ -1535,7 +1535,7 @@
   gap: 8px;
 }
 .bd-handoff__details {
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
 }
@@ -1558,7 +1558,7 @@
   white-space: pre-wrap;
   overflow-wrap: anywhere;
   font-family: var(--mono);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--foreground);
   background: var(--background);
@@ -1581,9 +1581,9 @@
   display: flex;
   align-items: center;
   gap: 6px;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
-  font-weight: 500;
+  font-weight: var(--fw-regular);
   color: var(--muted-foreground);
 }
 .bd-hist {
@@ -1599,7 +1599,7 @@
   gap: 12px;
   padding: 6px 0;
   border-bottom: 1px solid var(--border);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
 }
 .bd-hist__by,
@@ -1660,9 +1660,9 @@
 .in-head__title {
   flex: 1 1 auto;
   margin: 0;
-  font-size: 20px;
+  font-size: var(--fs-page);
   line-height: 28px;
-  font-weight: 500;
+  font-weight: var(--fw-regular);
 }
 .in-body {
   display: flex;
@@ -1672,7 +1672,7 @@
 }
 .in-note {
   margin: 0;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
 }
@@ -1683,7 +1683,7 @@
 .in-error {
   margin: 0;
   padding: 8px 0;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--destructive);
 }
@@ -1704,9 +1704,9 @@
   display: flex;
   align-items: center;
   gap: 8px;
-  font-size: 14px;
+  font-size: var(--fs-section);
   line-height: 20px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   color: var(--foreground);
 }
 .in-tidy__file {
@@ -1714,7 +1714,7 @@
   align-items: flex-start;
   gap: 8px;
   padding: 4px 0 4px 24px;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--foreground);
   overflow-wrap: anywhere;
@@ -1756,9 +1756,9 @@
 }
 .in-nowline {
   margin: 0;
-  font-size: 12px;
+  font-size: var(--fs-label);
   line-height: 16px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
   text-transform: uppercase;
   font-variant-numeric: tabular-nums;
@@ -1781,9 +1781,9 @@
   gap: 8px;
   padding-bottom: 8px;
   border-bottom: 1px solid var(--border);
-  font-size: 12px;
+  font-size: var(--fs-label);
   line-height: 16px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
   text-transform: uppercase;
 }
@@ -1794,7 +1794,7 @@
 }
 .in-col__empty {
   margin: 0;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
 }
@@ -1840,7 +1840,7 @@
 }
 .in-bulk__count {
   margin-right: auto;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
   font-variant-numeric: tabular-nums;
@@ -1858,12 +1858,12 @@
   border-bottom: 1px solid var(--border);
 }
 .in-group__name {
-  font-size: 14px;
+  font-size: var(--fs-row);
   line-height: 20px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
 }
 .in-group__period {
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
 }
@@ -1881,18 +1881,18 @@
 }
 .in-anchor__id {
   font-family: var(--mono);
-  font-size: 12px;
+  font-size: var(--fs-label);
   line-height: 16px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
 }
 .in-anchor__title {
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
 }
 .in-anchor__value {
   margin-left: auto;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   font-variant-numeric: tabular-nums;
 }
@@ -1943,7 +1943,7 @@
   margin: 0;
   padding: 0;
   list-style: none;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
 }
@@ -1954,7 +1954,7 @@
 }
 .in-stepper__step[data-state="current"] {
   color: var(--foreground);
-  font-weight: 600;
+  font-weight: var(--fw-strong);
 }
 .in-stepper__step[data-state="done"] {
   color: var(--foreground);
@@ -1982,15 +1982,15 @@
   margin-bottom: 12px;
 }
 .in-files__hint {
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .in-files__title,
 .in-derived__title {
   margin: 0;
-  font-size: 12px;
+  font-size: var(--fs-label);
   line-height: 16px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   color: var(--muted-foreground);
 }
 .in-waiting {
@@ -2021,9 +2021,9 @@
 }
 .in-cycle__title {
   margin: 8px 0 0;
-  font-size: 12px;
+  font-size: var(--fs-label);
   line-height: 16px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
   text-transform: uppercase;
 }
@@ -2037,7 +2037,7 @@
 .in-starters__list {
   margin: 0;
   padding-left: 16px;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
 }
 
@@ -2108,8 +2108,8 @@
 }
 .in-jira-epic__text,
 .in-jira-count {
-  font-size: 14px;
-  font-weight: 600;
+  font-size: var(--fs-row);
+  font-weight: var(--fw-strong); line-height: var(--lh-row);
 }
 .in-jira-status-line {
   display: flex;
@@ -2118,8 +2118,8 @@
   gap: 4px 12px;
 }
 .in-jira-when {
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .in-jira-note {
   display: flex;
@@ -2131,7 +2131,7 @@
 }
 .in-jira-note__text {
   flex: 1 1 200px;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .in-jira-list {
   display: flex;
@@ -2144,9 +2144,9 @@
 }
 .in-jira-where,
 .in-jira-sub {
-  font-size: 12px;
+  font-size: var(--fs-meta);
   color: var(--muted-foreground);
-  white-space: nowrap;
+  white-space: nowrap; line-height: var(--lh-meta);
 }
 .in-jira-actions {
   display: flex;
@@ -2171,20 +2171,20 @@
 }
 .in-jira-detail__title {
   margin: 0;
-  font-size: 20px;
+  font-size: var(--fs-page);
   line-height: 28px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   overflow-wrap: anywhere;
 }
 .in-jira-detail__meta {
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .in-jira-warn {
   margin: 0;
   padding: 8px 12px;
   border: 1px solid var(--warning);
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .in-jira-fields {
   display: grid;
@@ -2201,21 +2201,21 @@
 }
 .in-jira-box__key {
   font-family: var(--mono);
-  font-size: 14px;
-  font-weight: 600;
+  font-size: var(--fs-row);
+  font-weight: var(--fw-strong); line-height: var(--lh-row);
 }
 .in-jira-box__where {
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .in-jira-box__sub {
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .in-jira-box__link {
   margin-left: auto;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   color: var(--foreground);
-  text-underline-offset: 2px;
+  text-underline-offset: 2px; line-height: var(--lh-meta);
 }
 .in-jira-diff {
   display: flex;
@@ -2226,8 +2226,8 @@
 }
 .in-jira-diff__title {
   margin: 0;
-  font-size: 14px;
-  font-weight: 600;
+  font-size: var(--fs-row);
+  font-weight: var(--fw-strong); line-height: var(--lh-row);
 }
 .in-jira-diff__sides {
   display: grid;
@@ -2239,17 +2239,17 @@
   flex-direction: column;
   gap: 8px;
   min-width: 0;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .in-jira-diff__label,
 .in-jira-diff__name,
 .in-jira-body__name {
   margin: 0;
-  font-size: 12px;
-  font-weight: 600;
+  font-size: var(--fs-label);
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  color: var(--muted-foreground);
+  color: var(--muted-foreground); line-height: var(--lh-label);
 }
 .in-jira-diff__part,
 .in-jira-body__part {
@@ -2264,7 +2264,7 @@
   display: flex;
   flex-direction: column;
   gap: 16px;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
 }
 .in-jira-body__empty {
@@ -2301,7 +2301,7 @@
   background: var(--background);
   color: var(--foreground);
   font-family: var(--sans);
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 1.45;
 }
 .fr-end {
@@ -2323,7 +2323,7 @@
 }
 .fr-repo {
   max-width: 100%;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
 }
 .fr-nav {
   display: flex;
@@ -2354,7 +2354,7 @@
 .fr-kbd {
   margin-left: auto;
   font-family: var(--mono);
-  font-size: 11px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 /* The Record control at the right of the bar (meeting-notes Run 13). Two groups, always in the same place. The left one exists
  * while a meeting is recording (red) or paused (amber): the chip that names it, then icons. The right one is New (a red
@@ -2395,7 +2395,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-weight: 500;
+  font-weight: var(--fw-regular);
 }
 .fr-rec-dot {
   width: 7px;
@@ -2409,9 +2409,9 @@
 }
 .fr-rec__clock {
   font-family: var(--mono);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   font-variant-numeric: tabular-nums;
-  color: var(--muted-foreground);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .fr-rec__resume {
   background: var(--foreground);
@@ -2428,7 +2428,7 @@
   position: absolute;
   top: 1px;
   right: 4px;
-  font: 600 12px/1 var(--sans, system-ui);
+  font: var(--fw-strong) var(--fs-label)/1 var(--sans, system-ui);
 }
 .fr-rec__upcoming {
   color: var(--destructive);
@@ -2580,13 +2580,13 @@
 }
 .fr-set__h1 {
   margin: 0;
-  font-size: 20px;
-  font-weight: 600;
+  font-size: var(--fs-panel);
+  font-weight: var(--fw-strong); line-height: var(--lh-panel);
 }
 .fr-set__note {
   margin: 0;
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .fr-set__grid {
   display: grid;
@@ -2635,10 +2635,10 @@
   gap: 6px;
   margin: 0;
   color: var(--muted-foreground);
-  font-size: 11px;
-  font-weight: 500;
+  font-size: var(--fs-meta);
+  font-weight: var(--fw-regular);
   letter-spacing: 0.04em;
-  text-transform: uppercase;
+  text-transform: uppercase; line-height: var(--lh-meta);
 }
 .fr-set__fields {
   display: flex;
@@ -2665,7 +2665,7 @@
   border: 1px solid var(--border);
   border-radius: 8px;
   background: var(--background);
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .fr-set__sw {
   display: flex;
@@ -2682,7 +2682,7 @@
   min-width: 0;
   display: grid;
   gap: 2px;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .fr-set__add {
   padding: 12px 0;
@@ -2700,9 +2700,9 @@
   background: var(--muted);
   color: var(--foreground);
   font-family: var(--mono);
-  font-size: 11px;
+  font-size: var(--fs-meta);
   white-space: pre-wrap;
-  word-break: break-word;
+  word-break: break-word; line-height: var(--lh-meta);
 }
 @media (max-width: 760px) {
   .fr-detail,
@@ -2759,12 +2759,12 @@
   margin: 0;
   overflow: hidden;
   color: var(--muted-foreground);
-  font-size: 11px;
-  font-weight: 600;
+  font-size: var(--fs-badge);
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
   text-transform: uppercase;
   text-overflow: ellipsis;
-  white-space: nowrap;
+  white-space: nowrap; line-height: var(--lh-badge);
 }
 /* the group's name is its fold control: the chevron, the name, then how many sessions it holds */
 .fr-ds-head__toggle {
@@ -2774,14 +2774,14 @@
   margin-left: -6px;
   padding: 0 6px;
   color: var(--muted-foreground);
-  font-size: 11px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .fr-ds-head__count {
   flex: none;
   padding-right: 4px;
   color: var(--muted-foreground);
-  font-size: 11px;
-  font-variant-numeric: tabular-nums;
+  font-size: var(--fs-meta);
+  font-variant-numeric: tabular-nums; line-height: var(--lh-meta);
 }
 .fr-ds-head--plain .fr-ds-head__count {
   padding-right: 10px;
@@ -2805,7 +2805,7 @@
   display: inline-grid;
   place-items: center;
   width: 12px;
-  font-size: 11px;
+  font-size: var(--fs-meta);
   line-height: 1;
   color: var(--foreground);
 }
@@ -2839,7 +2839,7 @@
 .fr-ds-confirm__text {
   flex: 1 1 100%;
   min-width: 0;
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .fr-ds-confirm--strip .fr-ds-confirm__text {
   flex: none;
@@ -2870,12 +2870,12 @@
   margin: 0;
   padding: 8px 6px;
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .fr-ds-error {
   margin: 0;
   color: var(--destructive);
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .fr-ds-error:empty {
   display: none;
@@ -2896,8 +2896,8 @@
 .fr-ds-starts__head {
   margin: 8px 0 4px;
   color: var(--muted-foreground);
-  font-size: 12px;
-  font-weight: 600;
+  font-size: var(--fs-label);
+  font-weight: var(--fw-strong); line-height: var(--lh-label);
 }
 .fr-ds-groupbox {
   flex: none;
@@ -2906,7 +2906,7 @@
 .fr-ds-select {
   max-width: 160px;
   min-height: 28px;
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .fr-ds-chip {
   flex: none;
@@ -2984,9 +2984,9 @@
   min-width: 0;
   overflow: hidden;
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   text-overflow: ellipsis;
-  white-space: nowrap;
+  white-space: nowrap; line-height: var(--lh-meta);
 }
 .fr-doc-bar__status[data-tone="dirty"] {
   color: var(--warning);
@@ -3035,7 +3035,7 @@
 }
 .fr-ed__main {
   min-width: 0;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 1.7;
 }
 .fr-ed__props {
@@ -3050,12 +3050,12 @@
   min-height: 32px;
   padding: 0 10px;
   color: var(--muted-foreground);
-  font-size: 11px;
-  font-weight: 600;
+  font-size: var(--fs-badge);
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
   text-transform: uppercase;
   list-style: none;
-  cursor: pointer;
+  cursor: pointer; line-height: var(--lh-badge);
 }
 .fr-ed__props-sum::-webkit-details-marker {
   display: none;
@@ -3084,7 +3084,7 @@
   min-height: 32px;
   border-bottom: 1px solid var(--border);
   font-family: var(--mono);
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .fr-ed__prop-k {
   padding: 7px 12px;
@@ -3127,8 +3127,8 @@
 .fr-ed__h1 {
   margin: 0;
   font-family: var(--sans);
-  font-size: 20px;
-  font-weight: 600;
+  font-size: var(--fs-panel);
+  font-weight: var(--fw-strong);
   line-height: 1.3;
   text-wrap: balance;
 }
@@ -3171,7 +3171,7 @@
   background: transparent;
   color: var(--foreground);
   font-family: var(--sans);
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 1.7;
   resize: none;
 }
@@ -3179,25 +3179,25 @@
   color: var(--muted-foreground);
 }
 .fr-ed__src--h1 {
-  font-size: 20px;
-  font-weight: 600;
+  font-size: var(--fs-page);
+  font-weight: var(--fw-strong);
   line-height: 1.3;
 }
 .fr-ed__src--h2 {
-  font-size: 16px;
-  font-weight: 600;
+  font-size: var(--fs-section);
+  font-weight: var(--fw-strong);
   line-height: 1.4;
 }
 .fr-ed__src--h3,
 .fr-ed__src--h4,
 .fr-ed__src--h5,
 .fr-ed__src--h6 {
-  font-weight: 600;
+  font-weight: var(--fw-strong);
 }
 .fr-ed__src--code,
 .fr-ed__src--table {
   font-family: var(--mono);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 1.6;
 }
 .fr-ed__src--quote {
@@ -3220,8 +3220,8 @@
   padding: 0 8px 0 6px;
   border-left: 1px solid var(--border);
   color: var(--muted-foreground);
-  font-size: 11px;
-  white-space: nowrap;
+  font-size: var(--fs-meta);
+  white-space: nowrap; line-height: var(--lh-meta);
 }
 .fr-ed__checks {
   margin: 0;
@@ -3254,7 +3254,7 @@
 .fr-ed__hint {
   margin: 24px 0 0;
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 /* beside the document (doc-rail.js): the outline, or the file's connections drawn and listed */
 .fr-rail {
@@ -3284,7 +3284,7 @@
 .fr-rail__note {
   margin: 0;
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 1.5;
 }
 .fr-rail__note--bad {
@@ -3292,10 +3292,10 @@
 }
 .fr-rail__label {
   color: var(--muted-foreground);
-  font-size: 11px;
-  font-weight: 600;
+  font-size: var(--fs-badge);
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
-  text-transform: uppercase;
+  text-transform: uppercase; line-height: var(--lh-badge);
 }
 .fr-rail__graph {
   display: block;
@@ -3346,7 +3346,7 @@
 .fr-rail__node text {
   fill: var(--muted-foreground);
   font-family: var(--sans);
-  font-size: 11px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .fr-rail__node.fr-rail--lit rect {
   stroke: var(--foreground);
@@ -3367,17 +3367,17 @@
   gap: 8px;
   margin: 0;
   padding: 0;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 1.5;
   list-style: none;
 }
 .fr-rail__finding-s {
   display: block;
   color: var(--muted-foreground);
-  font-size: 11px;
-  font-weight: 600;
+  font-size: var(--fs-badge);
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
-  text-transform: uppercase;
+  text-transform: uppercase; line-height: var(--lh-badge);
 }
 .fr-rail__finding[data-status="stale"] .fr-rail__finding-s,
 .fr-rail__finding[data-status="contradicted"] .fr-rail__finding-s {
@@ -3395,8 +3395,8 @@
   display: flex;
   align-items: center;
   gap: 8px;
-  font-size: 14px;
-  font-weight: 600;
+  font-size: var(--fs-row);
+  font-weight: var(--fw-strong); line-height: var(--lh-row);
 }
 .fr-copy__dot {
   width: 8px;
@@ -3413,14 +3413,14 @@
 }
 .fr-copy__by {
   color: var(--muted-foreground);
-  font-weight: 400;
+  font-weight: var(--fw-regular);
 }
 .fr-copy__sides {
   display: grid;
   grid-template-columns: 96px minmax(0, 1fr);
   gap: 8px 12px;
   margin: 0;
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .fr-copy__sides dt {
   color: var(--muted-foreground);
@@ -3444,7 +3444,7 @@
   padding: 10px;
   border: 1px solid var(--border);
   background: var(--background);
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .fr-copy__acts {
   display: flex;
@@ -3454,7 +3454,7 @@
 .fr-copy__p {
   margin: 0;
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 1.5;
 }
 /* the scratchpad in the frame (panel-tabs.js paintFramePad): the pad, then one row of actions and a short note */
@@ -3469,9 +3469,9 @@
   margin-left: 8px;
   overflow: hidden;
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   text-overflow: ellipsis;
-  white-space: nowrap;
+  white-space: nowrap; line-height: var(--lh-meta);
 }
 .fr-pad__toggle {
   margin-left: -8px;
@@ -3480,20 +3480,20 @@
 /* launch-flag picker (flag-picker.js) and the profile form: new-session defaults on Settings, the flag list on the New session form */
 .fr-fp { display: flex; flex-direction: column; gap: 8px; min-width: 0; width: 100%; }
 .fr-fp-chips { display: flex; flex-wrap: wrap; gap: 6px; }
-.fr-fp-chips .fr-fp-chip { font-family: var(--mono); font-weight: 400; }
+.fr-fp-chips .fr-fp-chip { font-family: var(--mono); font-weight: var(--fw-regular); }
 .fr-fp-chips .fr-fp-chip[aria-pressed="true"] { background: var(--accent); border-color: var(--foreground); }
 .fr-fp-list { max-height: 320px; overflow: auto; border: 1px solid var(--border); border-radius: 8px; background: var(--background); }
 .fr-fp-row { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-bottom: 1px solid var(--border); min-width: 0; }
 .fr-fp-row:last-child { border-bottom: 0; }
 .fr-fp-row--off { opacity: 0.55; }
-.fr-fp-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-family: var(--mono); font-size: 12px; }
+.fr-fp-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-family: var(--mono); font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .fr-fp-val { display: flex; flex-direction: column; gap: 6px; padding-left: 24px; max-width: 420px; }
 .fr-fp-stack { display: flex; flex-direction: column; gap: 8px; }
-.fr-fp-sub { font-size: 12px; color: var(--muted-foreground); line-height: 1.5; }
-.fr-fp-label { font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted-foreground); }
-.fr-fp-warn { font-size: 12px; line-height: 1.5; color: var(--warning); overflow-wrap: anywhere; }
+.fr-fp-sub { font-size: var(--fs-meta); color: var(--muted-foreground); line-height: 1.5; }
+.fr-fp-label { font-family: var(--mono); font-size: var(--fs-meta); font-weight: var(--fw-regular); letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted-foreground); line-height: var(--lh-meta); }
+.fr-fp-warn { font-size: var(--fs-meta); line-height: 1.5; color: var(--warning); overflow-wrap: anywhere; }
 .fr-fp-defrow { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
-.fr-fp-note { margin: 0; color: var(--muted-foreground); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
+.fr-fp-note { margin: 0; color: var(--muted-foreground); font-size: var(--fs-meta); line-height: 1.5; overflow-wrap: anywhere; }
 .fr-fp-bad { color: var(--destructive); }
 .fr-set__form { display: flex; flex-direction: column; gap: 10px; padding: 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--background); }
 .fr-set__envrows { display: flex; flex-direction: column; gap: 6px; }
@@ -3505,10 +3505,10 @@
   flex-wrap: wrap;
   align-items: center;
   gap: 8px;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   color: var(--muted-foreground);
   /* the header row can be wider than a phone (its tools row); the line wraps inside the screen, not past it */
-  max-width: calc(100vw - 24px);
+  max-width: calc(100vw - 24px); line-height: var(--lh-meta);
 }
 .fr-fresh__state--fresh { color: var(--foreground); }
 .fr-fresh__state--stale { color: var(--warning); }
@@ -3521,12 +3521,12 @@
 .fr-fresh-table__grid {
   width: 100%;
   border-collapse: collapse;
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .fr-fresh-table__grid th {
   padding: 4px 8px;
   text-align: left;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
 }
 .fr-fresh-table__grid td {
   padding: 4px 8px;
@@ -3554,9 +3554,9 @@
 }
 .td-count {
   margin: 0;
-  font-size: 20px;
+  font-size: var(--fs-panel);
   line-height: 28px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   color: var(--foreground);
 }
 .td-list {
@@ -3588,10 +3588,10 @@
   border-radius: 8px;
   background: var(--card);
 }
-.td-day__hello { flex: 0 0 auto; max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: var(--foreground); white-space: nowrap; }
+.td-day__hello { flex: 0 0 auto; max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: var(--fs-body); color: var(--foreground); white-space: nowrap; line-height: var(--lh-body); }
 .td-day__dim { color: var(--muted-foreground); }
 .td-day__warn { color: var(--warning); }
-.td-day__mono { font-family: var(--mono); font-variant-numeric: tabular-nums; font-size: 12px; }
+.td-day__mono { font-family: var(--mono); font-variant-numeric: tabular-nums; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .td-day__steps { display: flex; flex-wrap: nowrap; gap: 3px; list-style: none; margin: 0; padding: 0; }
 .td-day__ts { border-radius: 6px; gap: 6px; padding: 0 6px; letter-spacing: 0.04em; color: var(--muted-foreground); }
 .td-day__ts[data-step-state="done"], .td-day__ts[data-step-state="now"] { color: var(--foreground); }
@@ -3607,11 +3607,11 @@
 .td-day__ts[data-step-state="now"] .td-day__seg { background: var(--foreground); animation: td-day-pulse 1.2s infinite; }
 @media (prefers-reduced-motion: reduce) { .td-day__ts[data-step-state="now"] .td-day__seg { animation: none; } }
 .td-day__spacer { flex: 1 1 0; align-self: stretch; min-width: 0; }
-.td-day__status { flex: 1 1 0; min-width: 80px; text-align: right; font-size: 12px; color: var(--muted-foreground); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.td-day__check { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted-foreground); }
-.td-day__run { margin: 0; font-size: 12px; line-height: 16px; color: var(--foreground); }
+.td-day__status { flex: 1 1 0; min-width: 80px; text-align: right; font-size: var(--fs-meta); color: var(--muted-foreground); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--lh-meta); }
+.td-day__check { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-meta); color: var(--muted-foreground); line-height: var(--lh-meta); }
+.td-day__run { margin: 0; font-size: var(--fs-meta); line-height: 16px; color: var(--foreground); }
 .td-day__run--failed { color: var(--destructive); }
-.td-day__note { margin: 0; font-size: 12px; line-height: 16px; color: var(--muted-foreground); }
+.td-day__note { margin: 0; font-size: var(--fs-meta); line-height: 16px; color: var(--muted-foreground); }
 
 .td-day__cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 12px; align-items: stretch; }
 .td-day__left { display: grid; gap: 12px; min-width: 0; align-content: start; }
@@ -3634,49 +3634,49 @@
   justify-content: space-between;
   gap: 8px;
   margin: 0;
-  font-size: 12px;
-  font-weight: 600;
+  font-size: var(--fs-label);
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  color: var(--muted-foreground);
+  color: var(--muted-foreground); line-height: var(--lh-label);
 }
-.td-day__h2 span { font-weight: 400; letter-spacing: 0; text-transform: none; }
+.td-day__h2 span { font-weight: var(--fw-regular); letter-spacing: 0; text-transform: none; }
 .td-day__rows { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
 .td-day__r { border: 1px solid transparent; }
 .td-day__r[data-cur="true"] { background: var(--accent); border-color: var(--ring); }
 .td-day__r[data-past="true"] { opacity: 0.62; }
 .td-day__r[data-goal-tie="true"] { border-left: 3px solid var(--foreground); }
-.td-day__lead { min-width: 44px; font: 12px var(--mono); color: var(--muted-foreground); font-variant-numeric: tabular-nums; }
+.td-day__lead { min-width: 44px; font: var(--fs-meta)/var(--lh-meta) var(--mono); color: var(--muted-foreground); font-variant-numeric: tabular-nums; }
 .td-day__chips { display: inline-flex; gap: 4px; }
 .td-day__chips { align-items: center; flex-wrap: wrap; justify-content: flex-end; }
-.td-day__repo { font: inherit; font-size: 12px; color: var(--foreground); background: var(--background); border: 1px solid var(--border); border-radius: 6px; padding: 2px 6px; max-width: 160px; }
+.td-day__repo { font: inherit; font-size: var(--fs-meta); color: var(--foreground); background: var(--background); border: 1px solid var(--border); border-radius: 6px; padding: 2px 6px; max-width: 160px; line-height: var(--lh-meta); }
 .td-day__repo:focus-visible { outline: 2px solid color-mix(in oklab, var(--ring) 50%, var(--foreground)); outline-offset: 2px; }
-.td-day__nowrow { display: flex; align-items: center; gap: 8px; padding: 0 8px; font: 11px var(--mono); color: var(--destructive); }
+.td-day__nowrow { display: flex; align-items: center; gap: 8px; padding: 0 8px; font: var(--fs-meta)/var(--lh-meta) var(--mono); color: var(--destructive); }
 .td-day__nowrow::after { content: ""; flex: 1; border-top: 2px solid var(--destructive); }
-.td-day__gh { display: flex; align-items: center; gap: 6px; margin: 4px 8px 2px; font-size: 12px; font-weight: 600; color: var(--muted-foreground); }
+.td-day__gh { display: flex; align-items: center; gap: 6px; margin: 4px 8px 2px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--muted-foreground); line-height: var(--lh-label); }
 .td-day__group { display: grid; gap: 2px; }
 .td-day__newdot { display: inline-block; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--warning); }
-.td-day__chip { min-width: 84px; padding: 3px 8px; font: 500 11px/1.2 var(--mono); text-align: center; background: var(--muted); color: var(--foreground); }
+.td-day__chip { min-width: 84px; padding: 3px 8px; font: var(--fw-regular) var(--fs-meta)/1.2 var(--mono); text-align: center; background: var(--muted); color: var(--foreground); }
 /* a mention drawn as a card of its source (initiative today-goals-jobs, PRD M1): layout only, no brand colour */
-.td-day__mc { display: grid; gap: 4px; min-width: 0; text-align: left; font-weight: 400; }
+.td-day__mc { display: grid; gap: 4px; min-width: 0; text-align: left; font-weight: var(--fw-regular); }
 .td-day__mc > span { display: block; min-width: 0; }
-.td-day__mc-head { display: inline-flex; align-items: center; gap: 6px; font: 11px var(--mono); letter-spacing: 0.04em; color: var(--muted-foreground); }
+.td-day__mc-head { display: inline-flex; align-items: center; gap: 6px; font: var(--fs-meta)/var(--lh-meta) var(--mono); letter-spacing: 0.04em; color: var(--muted-foreground); }
 .td-day__mc-main { display: flex; align-items: flex-start; gap: 8px; }
-.td-day__av { display: grid; place-items: center; flex: none; width: 32px; height: 32px; background: var(--muted); color: var(--foreground); font: 600 12px var(--mono); }
+.td-day__av { display: grid; place-items: center; flex: none; width: 32px; height: 32px; background: var(--muted); color: var(--foreground); font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--mono); }
 .td-day__mc-col { display: grid; gap: 2px; min-width: 0; }
-.td-day__mc-name { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--foreground); }
-.td-day__mc-time { margin-left: 6px; font: 12px var(--mono); color: var(--muted-foreground); }
-.td-day__mc-text { font-size: 14px; line-height: 20px; color: var(--foreground); overflow-wrap: anywhere; }
-.td-day__mc-quote { padding: 2px 8px; border-left: 3px solid var(--border); font-size: 12px; line-height: 16px; color: var(--muted-foreground); overflow-wrap: anywhere; }
+.td-day__mc-name { font-size: var(--fs-row); line-height: 20px; font-weight: var(--fw-strong); color: var(--foreground); }
+.td-day__mc-time { margin-left: 6px; font: var(--fs-meta)/var(--lh-meta) var(--mono); color: var(--muted-foreground); }
+.td-day__mc-text { font-size: var(--fs-body); line-height: 20px; color: var(--foreground); overflow-wrap: anywhere; }
+.td-day__mc-quote { padding: 2px 8px; border-left: 3px solid var(--border); font-size: var(--fs-meta); line-height: 16px; color: var(--muted-foreground); overflow-wrap: anywhere; }
 .td-day__mc-frame { display: grid; place-items: center; flex: none; width: 64px; height: 44px; border: 1px solid var(--border); background: var(--muted); color: var(--foreground); }
 .td-day__mcbox { padding: 8px; border: 1px solid var(--border); }
 
 /* the detail */
 .td-day__dhead { display: grid; gap: 4px; }
-.td-day__kind { font: 11px var(--mono); letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted-foreground); }
-.td-day__dhead h3 { margin: 0; font-size: 16px; line-height: 24px; color: var(--foreground); }
-.td-day__detail p { margin: 0; font-size: 14px; line-height: 20px; color: var(--foreground); }
-.td-day__detail p.td-day__note { font-size: 12px; line-height: 16px; color: var(--muted-foreground); }
+.td-day__kind { font: var(--fs-meta)/var(--lh-meta) var(--mono); letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted-foreground); }
+.td-day__dhead h3 { margin: 0; font-size: var(--fs-body); line-height: 24px; color: var(--foreground); }
+.td-day__detail p { margin: 0; font-size: var(--fs-body); line-height: 20px; color: var(--foreground); }
+.td-day__detail p.td-day__note { font-size: var(--fs-meta); line-height: 16px; color: var(--muted-foreground); }
 .td-day__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
 .td-day__a {
   display: inline-flex;
@@ -3686,55 +3686,55 @@
   border: 1px solid var(--border);
   border-radius: 6px;
   color: var(--foreground);
-  font-size: 12px;
-  font-weight: 500;
+  font-size: var(--fs-meta);
+  font-weight: var(--fw-regular);
   text-decoration: none;
-  white-space: nowrap;
+  white-space: nowrap; line-height: var(--lh-meta);
 }
 .td-day__a:focus-visible { outline: 2px solid color-mix(in oklab, var(--ring) 50%, var(--foreground)); outline-offset: 2px; }
 @media (pointer: coarse) { .td-day__a { min-height: 44px; } }
 .td-day__phase, .td-day__rel { display: grid; gap: 4px; }
 .td-day__phase h4, .td-day__rel h4, .td-day__notes h4, .td-day__draftbox h4, .td-day__more h4 {
-  margin: 0; font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted-foreground);
+  margin: 0; font-size: var(--fs-meta); letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted-foreground); line-height: var(--lh-meta);
 }
-.td-day__chk { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 14px; color: var(--foreground); }
+.td-day__chk { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: var(--fs-body); color: var(--foreground); line-height: var(--lh-body); }
 .td-day__chk li { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 6px; }
 .td-day__chk li::before { content: "○"; color: var(--muted-foreground); }
 .td-day__chk--ok li::before, .td-day__chk li.td-day__ok::before { content: "✓"; color: var(--foreground); }
 .td-day__chk li:has(.td-day__stepline--done)::before { content: "✓"; color: var(--foreground); }
 .td-day__chk li:has(.td-day__stepline--you)::before { content: "●"; color: var(--warning); }
-.td-day__who { margin-left: 6px; font-size: 11px; color: var(--muted-foreground); }
+.td-day__who { margin-left: 6px; font-size: var(--fs-meta); color: var(--muted-foreground); line-height: var(--lh-meta); }
 .td-day__notes { display: grid; gap: 8px; padding: 10px; background: var(--muted); }
-.td-day__src { font: 11px var(--mono); color: var(--muted-foreground); }
-.td-day__ini { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; color: var(--foreground); }
+.td-day__src { font: var(--fs-meta)/var(--lh-meta) var(--mono); color: var(--muted-foreground); }
+.td-day__ini { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: var(--fs-body); color: var(--foreground); line-height: var(--lh-body); }
 .td-day__job { display: grid; gap: 6px; padding: 10px 12px; border: 1px solid var(--border); background: var(--background); }
 .td-day__jobtop { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; }
-.td-day__jobtitle { font-weight: 600; min-width: 0; color: var(--foreground); }
-.td-day__ctx { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 3px 10px; margin: 0; font-size: 14px; }
-.td-day__ctx dt { padding-top: 1px; font-size: 12px; color: var(--muted-foreground); }
+.td-day__jobtitle { font-weight: var(--fw-strong); min-width: 0; color: var(--foreground); }
+.td-day__ctx { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 3px 10px; margin: 0; font-size: var(--fs-body); line-height: var(--lh-body); }
+.td-day__ctx dt { padding-top: 1px; font-size: var(--fs-meta); color: var(--muted-foreground); line-height: var(--lh-meta); }
 .td-day__ctx dd { margin: 0; color: var(--foreground); }
 .td-day__draftbox { display: grid; gap: 4px; }
-.td-day__draft { margin: 0; max-height: 220px; overflow: auto; padding: 8px 10px; white-space: pre-wrap; font: 12px/1.5 var(--mono); background: var(--muted); color: var(--foreground); }
+.td-day__draft { margin: 0; max-height: 220px; overflow: auto; padding: 8px 10px; white-space: pre-wrap; font: var(--fs-meta)/1.5 var(--mono); background: var(--muted); color: var(--foreground); }
 .td-day__revise { display: grid; gap: 6px; }
 /* act and prepare (initiative today-act-prepare): a verb first, one sentence, the steps, one button that fits, the marks */
 .td-day__verb { display: inline-block; min-width: 58px; padding: 2px 5px; border: 1px solid currentColor; font: 600 10px/1.3 var(--mono); letter-spacing: 0.04em; text-transform: uppercase; text-align: center; color: var(--foreground); white-space: nowrap; }
 .td-day__verb[data-verb="decide"], .td-day__verb[data-verb="prepare"] { color: var(--warning); }
-.td-day__acth { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.3; text-wrap: balance; }
-.td-day__todo { margin: 0; padding: 7px 10px; border-left: 3px solid var(--foreground); background: var(--muted); font-size: 14px; line-height: 1.45; color: var(--foreground); }
+.td-day__acth { margin: 0; font-size: var(--fs-row); font-weight: var(--fw-strong); line-height: 1.3; text-wrap: balance; }
+.td-day__todo { margin: 0; padding: 7px 10px; border-left: 3px solid var(--foreground); background: var(--muted); font-size: var(--fs-body); line-height: 1.45; color: var(--foreground); }
 .td-day__steps2 { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
 .td-day__step2 { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 5px 8px; border: 1px solid var(--border); background: var(--background); }
 .td-day__step2[data-done="true"] .td-day__steprow { text-decoration: line-through; color: var(--muted-foreground); }
 .td-day__marks { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding-top: 8px; border-top: 1px solid var(--border); }
 .td-day__grow { flex: 1 1 0; }
-.td-day__mark { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 6px 10px; border: 1px solid var(--border); background: var(--muted); font-size: 14px; }
+.td-day__mark { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 6px 10px; border: 1px solid var(--border); background: var(--muted); font-size: var(--fs-body); line-height: var(--lh-body); }
 .td-day__mark[data-day-mark-state="done"] { border-color: var(--foreground); }
-.td-day__ready { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-size: 12px; }
+.td-day__ready { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .td-day__prep { display: grid; gap: 10px; }
-.td-day__ended { margin: 0; padding: 8px 12px; border-left: 2px solid var(--foreground); background: var(--muted); font-size: 14px; }
+.td-day__ended { margin: 0; padding: 8px 12px; border-left: 2px solid var(--foreground); background: var(--muted); font-size: var(--fs-body); line-height: var(--lh-body); }
 /* an ended meeting keeps its prep, quieter: the steps stay readable, the past is not a call to act */
 .td-day__detail:has(.td-day__ended) .td-day__prep { padding: 10px 12px; background: var(--muted); }
 .td-day__fold { border-top: 1px solid var(--border); padding-top: 6px; }
-.td-day__fold > summary { cursor: pointer; font-size: 12px; color: var(--muted-foreground); }
+.td-day__fold > summary { cursor: pointer; font-size: var(--fs-meta); color: var(--muted-foreground); line-height: var(--lh-meta); }
 .td-day__fold[open] > summary { margin-bottom: 6px; }
 .td-day__fold > summary:focus-visible, .td-day__fold[open] > summary:focus-visible, .td-day__ref > summary:focus-visible, .td-day__details > summary:focus-visible { outline: 2px solid color-mix(in oklab, var(--ring) 50%, var(--foreground)); outline-offset: 2px; }
 @media (pointer: coarse) { .td-day__fold > summary, .td-day__fold[open] > summary, .td-day__ref > summary, .td-day__details > summary { min-height: 44px; } }
@@ -3742,7 +3742,7 @@
 .td-day__steprow { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
 .td-day__step2:has(.td-day__ref), .td-day__step2:has(.td-day__notebox), .td-day__step2:has(.td-day__acts) { flex-direction: column; align-items: stretch; }
 /* the meeting detail with one focus (today-meeting-focus): one open step, the rest one line */
-.td-day__meta { text-transform: none; letter-spacing: 0; font-size: 12px; font-variant-numeric: tabular-nums; }
+.td-day__meta { text-transform: none; letter-spacing: 0; font-size: var(--fs-meta); font-variant-numeric: tabular-nums; line-height: var(--lh-meta); }
 .td-day__purpose { max-width: 64ch; text-wrap: pretty; }
 .td-day__step2[data-cur="false"] { border-color: transparent; background: transparent; padding-block: 2px; }
 .td-day__step2[data-cur="true"][data-done="false"] { border-color: var(--foreground); }
@@ -3754,44 +3754,44 @@
 .td-day__details > summary { padding-right: 96px; line-height: 28px; }
 .td-day__notes--quiet, .td-day__notes--live { border: 0; padding: 0; background: none; }
 .td-day__prepfold { border-top: 0; padding-top: 0; }
-.td-day__ref { display: grid; gap: 4px; padding: 6px 8px; background: var(--muted); font-size: 14px; }
-.td-day__ref > summary { display: flex; justify-content: space-between; gap: 8px; cursor: pointer; font-weight: 600; color: var(--foreground); }
+.td-day__ref { display: grid; gap: 4px; padding: 6px 8px; background: var(--muted); font-size: var(--fs-body); line-height: var(--lh-body); }
+.td-day__ref > summary { display: flex; justify-content: space-between; gap: 8px; cursor: pointer; font-weight: var(--fw-strong); color: var(--foreground); }
 .td-day__reflines { margin: 0; padding-left: 18px; display: grid; gap: 2px; color: var(--foreground); line-height: 1.45; }
 .td-day__thread { display: grid; gap: 6px; }
 .td-day__msg { display: grid; gap: 2px; padding: 6px 10px; border-left: 2px solid var(--border); }
-.td-day__msg p { margin: 0; font-size: 14px; line-height: 1.45; color: var(--foreground); }
+.td-day__msg p { margin: 0; font-size: var(--fs-body); line-height: 1.45; color: var(--foreground); }
 .td-day__msg--last { border-left-color: var(--foreground); }
 .td-day__compose { display: grid; gap: 6px; padding: 8px 10px; border: 1px solid var(--border); background: var(--background); }
 .td-day__chipsrow { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
 .td-day__notebox { display: grid; gap: 4px; }
 .td-day__a--primary { background: var(--primary); color: var(--primary-foreground); border-color: var(--primary); }
 @media (hover: hover) { .td-day__a--primary:hover { color: var(--primary-foreground); opacity: 0.9; } }
-.td-day__log { font-size: 12px; color: var(--muted-foreground); }
-.td-day__ch { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; font-size: 14px; color: var(--foreground); }
+.td-day__log { font-size: var(--fs-meta); color: var(--muted-foreground); line-height: var(--lh-meta); }
+.td-day__ch { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; font-size: var(--fs-body); color: var(--foreground); line-height: var(--lh-body); }
 .td-day__slist { display: grid; }
 .td-day__sr { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 7px 0; border-top: 1px solid var(--border); }
 .td-day__sr:first-child { border-top: 0; }
-.td-day__ic { display: grid; place-items: center; width: 28px; height: 28px; font: 600 11px var(--mono); background: var(--muted); color: var(--foreground); }
-.td-day__st { font-size: 12px; color: var(--muted-foreground); white-space: nowrap; }
+.td-day__ic { display: grid; place-items: center; width: 28px; height: 28px; font: var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono); background: var(--muted); color: var(--foreground); }
+.td-day__st { font-size: var(--fs-meta); color: var(--muted-foreground); white-space: nowrap; line-height: var(--lh-meta); }
 .td-day__more { grid-column: 2 / -1; display: grid; gap: 8px; min-width: 0; padding: 4px 0 6px; }
 .td-day__sites { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
 .td-day__sites li { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
 .td-day__sites li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 /* the Agenda month (today-agenda.js, G25 to G27): weeks of 8 columns, the week number and seven day cells */
 .td-ag__mhead { display: flex; align-items: center; gap: 6px; }
-.td-ag__mlabel { min-width: 120px; font-size: 14px; text-align: center; color: var(--foreground); }
+.td-ag__mlabel { min-width: 120px; font-size: var(--fs-body); text-align: center; color: var(--foreground); line-height: var(--lh-body); }
 .td-ag__bar { display: flex; align-items: center; gap: 8px; }
 .td-ag__month { display: grid; gap: 6px; width: 100%; min-width: 0; }
 .td-ag__grid { display: grid; gap: 2px; }
 .td-ag__wk { display: grid; grid-template-columns: 36px repeat(7, minmax(0, 1fr)); gap: 2px; }
-.td-ag__wk--head { font: 11px var(--mono); color: var(--muted-foreground); text-transform: uppercase; }
+.td-ag__wk--head { font: var(--fs-meta)/var(--lh-meta) var(--mono); color: var(--muted-foreground); text-transform: uppercase; }
 .td-ag__wd { padding: 0 4px; }
-.td-day .td-ag__wno { height: auto; min-height: 44px; padding: 0; font: 11px var(--mono); letter-spacing: 0; color: var(--muted-foreground); }
+.td-day .td-ag__wno { height: auto; min-height: 44px; padding: 0; font: var(--fs-meta)/var(--lh-meta) var(--mono); letter-spacing: 0; color: var(--muted-foreground); }
 .td-day .td-ag__wno[aria-pressed="true"] { background: var(--accent); color: var(--foreground); border-color: var(--ring); }
 .td-day .td-ag__cell {
   display: grid; align-items: start; justify-content: stretch; height: auto; min-height: 44px; padding: 4px;
   border: 1px solid var(--border); background: var(--background); text-align: left; text-transform: none; letter-spacing: 0;
-  font-weight: 400; white-space: normal;
+  font-weight: var(--fw-regular); white-space: normal;
 }
 .td-day .td-ag__cell[data-load="1"] { background: color-mix(in oklab, var(--background) 85%, var(--ring)); }
 .td-day .td-ag__cell[data-load="2"] { background: color-mix(in oklab, var(--background) 65%, var(--ring)); }
@@ -3802,25 +3802,25 @@
 .td-day .td-ag__cell[aria-pressed="true"] { background: var(--accent); border-color: var(--ring); }
 .td-day .td-ag__cell[data-lit="true"] { box-shadow: inset 0 0 0 2px var(--warning); }
 .td-ag__in { display: flex; align-items: center; justify-content: space-between; gap: 3px; min-width: 0; width: 100%; }
-.td-ag__star { font-size: 12px; line-height: 16px; color: var(--foreground); }
-.td-ag__num { font: 12px var(--mono); color: var(--foreground); font-variant-numeric: tabular-nums; }
+.td-ag__star { font-size: var(--fs-meta); line-height: 16px; color: var(--foreground); }
+.td-ag__num { font: var(--fs-meta)/var(--lh-meta) var(--mono); color: var(--foreground); font-variant-numeric: tabular-nums; }
 .td-ag__cell[data-past="true"] .td-ag__num { color: var(--muted-foreground); }
-.td-ag__nonotes { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 14px; }
+.td-ag__nonotes { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-meta); line-height: 14px; }
 .td-ag__nonotes { color: var(--warning); }
-.td-ag__ready { justify-self: start; padding: 0 4px; font: 11px/16px var(--mono); border: 1px solid var(--border); color: var(--foreground); }
+.td-ag__ready { justify-self: start; padding: 0 4px; font: var(--fs-meta)/16px var(--mono); border: 1px solid var(--border); color: var(--foreground); }
 .td-ag__ready[data-ag-ready="warn"] { border-color: var(--warning); color: var(--warning); }
 .td-ag__ready[data-ag-ready="risk"] { border-color: var(--destructive); background: var(--destructive); color: var(--background); }
 .td-ag__agenda { display: grid; gap: 8px; padding-top: 8px; border-top: 1px solid var(--border); }
-.td-ag__ah { margin: 0; font-size: 14px; color: var(--foreground); }
+.td-ag__ah { margin: 0; font-size: var(--fs-body); color: var(--foreground); line-height: var(--lh-body); }
 .td-ag__tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
 .td-ag__tile { display: grid; gap: 2px; min-width: 0; padding: 6px 8px; background: var(--muted); }
-.td-ag__tile b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: var(--foreground); }
+.td-ag__tile b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-body); color: var(--foreground); line-height: var(--lh-body); }
 .td-ag__tile[data-ag-ready="risk"] b { color: var(--destructive); }
 .td-ag__tile[data-ag-ready="warn"] b { color: var(--warning); }
-.td-ag__tk { font: 11px var(--mono); text-transform: uppercase; color: var(--muted-foreground); }
+.td-ag__tk { font: var(--fs-meta)/var(--lh-meta) var(--mono); text-transform: uppercase; color: var(--muted-foreground); }
 .td-ag__wday { display: grid; gap: 2px; }
-.td-ag__wday h4 { display: flex; align-items: center; gap: 6px; margin: 4px 0 0; font-size: 12px; color: var(--foreground); }
-.td-ag__last summary { cursor: pointer; font-size: 12px; color: var(--muted-foreground); }
+.td-ag__wday h4 { display: flex; align-items: center; gap: 6px; margin: 4px 0 0; font-size: var(--fs-meta); color: var(--foreground); line-height: var(--lh-meta); }
+.td-ag__last summary { cursor: pointer; font-size: var(--fs-meta); color: var(--muted-foreground); line-height: var(--lh-meta); }
 .td-ag__last summary:focus-visible { outline: 2px solid color-mix(in oklab, var(--ring) 50%, var(--foreground)); outline-offset: 2px; }
 @media (pointer: coarse) { .td-ag__last summary { min-height: 44px; } }
 /* the goal detail keeps the steps the goals section showed (G6): Today cards and the agent steps that can be prepared */
@@ -3829,7 +3829,7 @@
 .td-goal__step-title { color: var(--foreground); }
 .td-goal__meta, .td-goal__prep-text {
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   margin: 0;
 }
@@ -3840,11 +3840,11 @@
 .td-day__marks2 { display: inline-flex; align-items: center; gap: 6px; }
 .td-day__tag { display: inline-block; margin-left: 4px; padding: 0 4px; border: 1px solid currentColor; font: 600 10px/1.4 var(--mono); letter-spacing: 0.04em; vertical-align: middle; }
 .td-day__tag[data-who="agent"] { background: color-mix(in oklab, currentColor 18%, transparent); }
-.td-day__who2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; color: var(--foreground); }
+.td-day__who2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: var(--fs-body); color: var(--foreground); line-height: var(--lh-body); }
 .td-day__jobmeta { display: grid; gap: 8px; padding: 10px 12px; border: 1px solid var(--border); background: var(--background); }
 .td-day__goaladd { display: grid; gap: 6px; }
 .td-goal__jobs { gap: 6px; }
-.td-goal__donewhen { margin: 0; font-size: 14px; color: var(--foreground); }
+.td-goal__donewhen { margin: 0; font-size: var(--fs-body); color: var(--foreground); line-height: var(--lh-body); }
 .td-goal__ctxfields { display: grid; gap: 6px; }
 .td-goal__ctxfold { margin-top: 6px; }
 .td-goal__nogoal { margin-top: 12px; padding-top: 8px; border-top: 1px solid var(--border); }
@@ -3898,14 +3898,14 @@
   display: flex;
   align-items: center;
   gap: 8px;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
-  font-weight: 500;
+  font-weight: var(--fw-regular);
   overflow-wrap: anywhere;
 }
 .td-card__evidence {
   padding-left: 14px;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
   overflow-wrap: anywhere;
@@ -3927,7 +3927,7 @@
 .td-accept__line,
 .td-accept__q {
   margin: 0;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
 }
 .td-accept__ask {
@@ -3943,7 +3943,7 @@
 }
 .td-accept__error {
   margin: 0;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--destructive);
 }
@@ -3952,12 +3952,12 @@
   border-radius: 8px;
   background: var(--muted);
   box-shadow: inset 2px 0 0 var(--warning);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
 }
 .td-health__title {
   margin: 0 0 4px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
 }
 .td-health__list {
   margin: 0;
@@ -4010,7 +4010,7 @@
 }
 .pl-eyebrow {
   font-family: var(--mono);
-  font-size: 11px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   letter-spacing: 0.04em;
   text-transform: uppercase;
@@ -4019,7 +4019,7 @@
 }
 .pl-cli {
   font-family: var(--mono);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
   padding: 2px 6px;
@@ -4029,7 +4029,7 @@
 }
 .pl-note {
   margin: 0;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
   color: var(--muted-foreground);
 }
@@ -4053,12 +4053,12 @@
 .pl-input.pl-input,
 .pl-input.pl-input:focus-visible {
   height: 52px;
-  font-size: 16px;
+  font-size: var(--fs-body);
   border: 0;
-  outline: none;
+  outline: none; line-height: var(--lh-body);
 }
 .pl-kbd {
-  font: 11px/16px var(--mono);
+  font: var(--fs-meta)/16px var(--mono);
   color: var(--muted-foreground);
   padding: 0 6px;
   border-radius: 6px;
@@ -4095,12 +4095,12 @@
 .pl-foot .pl-note {
   flex: 1 1 auto;
   min-width: 0;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
 }
 .pl-keys {
   flex: none;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
 }
@@ -4127,7 +4127,7 @@
 .tl-hint {
   margin: 0 0 8px;
   padding: 0 16px;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
 }
@@ -4167,23 +4167,23 @@
 }
 .tl-title {
   overflow: hidden;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 .tl-row--all .tl-title,
 .tl-row--stage .tl-title {
-  font-size: 12px;
+  font-size: var(--fs-label);
   line-height: 16px;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
   text-transform: uppercase;
   color: var(--muted-foreground);
 }
 .tl-meta {
   overflow: hidden;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -4195,7 +4195,7 @@
   flex-direction: column;
   align-items: flex-start;
   gap: 2px;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
 }
 .tl-track {
@@ -4211,7 +4211,7 @@
   position: absolute;
   bottom: 4px;
   left: var(--tl-x, 0);
-  font-size: 11px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   white-space: nowrap;
 }
@@ -4226,7 +4226,7 @@
   bottom: 22px;
   padding-left: 4px;
   border-left: 1px solid var(--foreground);
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   color: var(--foreground);
 }
 .tl-today--end {
@@ -4238,7 +4238,7 @@
 .tl-note {
   margin: 8px 0 0;
   padding: 0 16px;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
 }
@@ -4266,7 +4266,7 @@
   background: var(--background);
   color: var(--foreground);
   font-family: var(--sans);
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
 }
 /* only the chart scrolls sideways: the page never does */
@@ -4308,7 +4308,7 @@
   padding: 0 0 6px 6px;
   border-left: 1px solid var(--border);
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   white-space: nowrap;
 }
@@ -4324,8 +4324,8 @@
 .tl-init-gname {
   padding: 12px 8px 4px 16px;
   color: var(--foreground);
-  font-size: 12px;
-  font-weight: 600;
+  font-size: var(--fs-label);
+  font-weight: var(--fw-strong);
   line-height: 16px;
 }
 .tl-init-name {
@@ -4343,7 +4343,7 @@
   min-height: 32px;
   padding: 0 8px 0 76px;
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
 }
 .tl-init-row--stage {
@@ -4359,7 +4359,7 @@
 .tl-init-sub__none {
   padding-left: 8px;
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
 }
 .tl-init-list {
@@ -4391,7 +4391,7 @@
   padding: 0 4px;
   background: var(--background);
   color: var(--foreground);
-  font-size: 11px;
+  font-size: var(--fs-meta);
   line-height: 16px;
 }
 /* the initiatives with no dated item: names only, in the order they carry */
@@ -4404,15 +4404,15 @@
   margin: 0;
   padding: 0 16px;
   color: var(--foreground);
-  font-size: 14px;
-  font-weight: 600;
+  font-size: var(--fs-row);
+  font-weight: var(--fw-strong);
   line-height: 20px;
 }
 .tl-init-undated__note {
   margin: 0;
   padding: 4px 16px 8px;
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
 }
 .tl-init-undated .tl-init-row {
@@ -4426,7 +4426,7 @@
   margin: 0;
   padding: 0 16px;
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
 }
 /* drag states (Sortable's classes) */
@@ -4534,21 +4534,21 @@
   min-width: 0;
 }
 .bo-rel__title {
-  font-size: 14px;
-  font-weight: 500;
-  overflow-wrap: anywhere;
+  font-size: var(--fs-body);
+  font-weight: var(--fw-regular);
+  overflow-wrap: anywhere; line-height: var(--lh-body);
 }
 .bo-rel__meta,
 .bo-rel__wait {
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   overflow-wrap: anywhere;
 }
 .bo-card__note {
   padding: 0 12px 8px;
   color: var(--warning);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
 }
 @media (pointer: coarse) {
@@ -4582,9 +4582,9 @@
 }
 .rp-head__title {
   margin: 0;
-  font-size: 20px;
+  font-size: var(--fs-page);
   line-height: 28px;
-  font-weight: 500;
+  font-weight: var(--fw-regular);
 }
 .rp-cols {
   display: grid;
@@ -4607,16 +4607,16 @@
 .rp-section__title {
   margin: 0;
   font-family: var(--mono);
-  font-size: 11px;
+  font-size: var(--fs-meta);
   line-height: 16px;
-  font-weight: 500;
+  font-weight: var(--fw-regular);
   letter-spacing: 0.04em;
   text-transform: uppercase;
   color: var(--muted-foreground);
 }
 .rp-section__empty {
   margin: 0;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
   color: var(--muted-foreground);
 }
@@ -4665,19 +4665,19 @@
 }
 .rp-viewer__type {
   margin: 0;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
 }
 .rp-viewer__state {
   margin: 0;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   color: var(--muted-foreground);
 }
 .rp-sheet__msg {
   margin: 0 0 8px;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
 }
 .rp-sheet__msg--bad {
@@ -4685,7 +4685,7 @@
 }
 .rp-sheet__headline {
   margin: 0;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
   color: var(--muted-foreground);
 }
@@ -4702,35 +4702,35 @@
   flex-direction: column;
   gap: 8px;
   min-width: 0;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
 }
 .rp-doc__h1 {
   margin: 0;
-  font-size: 20px;
+  font-size: var(--fs-panel);
   line-height: 28px;
-  font-weight: 500;
+  font-weight: var(--fw-regular);
 }
 .rp-doc__h2 {
   margin: 16px 0 0;
   padding-bottom: 4px;
   border-bottom: 1px solid var(--border);
-  font-size: 16px;
+  font-size: var(--fs-body);
   line-height: 24px;
-  font-weight: 500;
+  font-weight: var(--fw-regular);
 }
 .rp-doc__h3 {
   margin: 8px 0 0;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
-  font-weight: 500;
+  font-weight: var(--fw-regular);
 }
 .rp-doc__p {
   margin: 0;
   overflow-wrap: anywhere;
 }
 .rp-doc__strong {
-  font-weight: 500;
+  font-weight: var(--fw-regular);
 }
 .rp-doc__list {
   margin: 0;
@@ -4757,7 +4757,7 @@
 .rp-doc__table {
   border-collapse: collapse;
   width: 100%;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
 }
 .rp-doc__th,
@@ -4769,11 +4769,11 @@
 }
 .rp-doc__th {
   font-family: var(--mono);
-  font-size: 11px;
-  font-weight: 500;
+  font-size: var(--fs-meta);
+  font-weight: var(--fw-regular);
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  color: var(--muted-foreground);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 
 /* the printed copy lives in the body, outside every panel; print.css shows only it, and a screen never shows it */
@@ -4836,7 +4836,7 @@
 }
 .rp-deck__empty {
   margin: 0;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
   color: var(--slide-bg);
 }
@@ -4853,7 +4853,7 @@
   min-width: 0;
   margin: 0;
   overflow: hidden;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -4863,7 +4863,7 @@
   min-width: 48px;
   margin: 0;
   font-family: var(--mono);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 16px;
   text-align: center;
 }
@@ -5628,15 +5628,15 @@
   display: flex;
   align-items: center;
   gap: 6px;
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-docs-group__title {
   margin: 0;
   padding: 8px 0;
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  font-weight: var(--fw-regular);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-docs-row {
   border-radius: 8px;
@@ -5674,10 +5674,10 @@
   box-shadow: 0 0 0 1px var(--border);
 }
 .rp-docs-panel__eyebrow {
-  font-size: 11px;
+  font-size: var(--fs-meta);
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  color: var(--muted-foreground);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-docs-dot {
   display: inline-block;
@@ -5699,10 +5699,10 @@
   border: 1px solid var(--muted-foreground);
 }
 .rp-docs-open {
-  font-size: 12px;
+  font-size: var(--fs-meta);
   color: var(--muted-foreground);
   white-space: nowrap;
-  text-underline-offset: 2px;
+  text-underline-offset: 2px; line-height: var(--lh-meta);
 }
 .rp-docs-detail {
   display: grid;
@@ -5723,18 +5723,18 @@
   border-color: var(--foreground);
 }
 .rp-docs-side__label {
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-docs-side__where {
   max-width: 100%;
   font-family: var(--mono);
-  font-size: 12px;
-  overflow-wrap: anywhere;
+  font-size: var(--fs-meta);
+  overflow-wrap: anywhere; line-height: var(--lh-meta);
 }
 .rp-docs-side__edit {
   margin-bottom: 8px;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .rp-docs-diff {
   grid-column: 1 / -1;
@@ -5742,8 +5742,8 @@
   padding: 8px 10px;
   border: 1px solid var(--border);
   font-family: var(--mono);
-  font-size: 12px;
-  overflow-wrap: anywhere;
+  font-size: var(--fs-meta);
+  overflow-wrap: anywhere; line-height: var(--lh-meta);
 }
 .rp-docs-more {
   grid-column: 1 / -1;
@@ -5763,8 +5763,8 @@
 }
 .rp-docs-add__err {
   flex-basis: 100%;
-  font-size: 12px;
-  color: var(--destructive);
+  font-size: var(--fs-meta);
+  color: var(--destructive); line-height: var(--lh-meta);
 }
 @media (max-width: 640px) {
   .rp-docs-detail {
@@ -5780,8 +5780,8 @@
 }
 .rp-docs-hint {
   margin: 0;
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-docs-mark {
   background: var(--accent);
@@ -5830,7 +5830,7 @@
 .rp-graph__title {
   flex: 1 1 240px;
   min-width: 0;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .rp-graph__pic {
   position: relative;
@@ -5872,7 +5872,7 @@
 .rp-graph__node {
   justify-content: flex-start;
   background: var(--background);
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .rp-graph__node--in {
   justify-content: flex-end;
@@ -5888,16 +5888,16 @@
   padding: 6px 10px;
   border: 1px solid var(--foreground);
   background: var(--card);
-  font-size: 12px;
-  font-weight: 600;
+  font-size: var(--fs-label);
+  font-weight: var(--fw-strong);
   text-align: center;
   white-space: nowrap;
   overflow: hidden;
-  text-overflow: ellipsis;
+  text-overflow: ellipsis; line-height: var(--lh-label);
 }
 .rp-graph__more {
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-graph__more--in {
   text-align: right;
@@ -5905,8 +5905,8 @@
 .rp-graph__cap {
   position: absolute;
   top: -20px;
-  font-size: 11px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-graph__cap--out {
   right: 0;
@@ -5929,8 +5929,8 @@
   gap: 12px;
 }
 .rp-graph__label {
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-graph__item {
   max-width: 100%;
@@ -5938,8 +5938,8 @@
 }
 .rp-graph__hint {
   margin: 0;
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 @media (max-width: 760px) {
   .rp-graph__lists {
@@ -5987,7 +5987,7 @@
   min-height: 0;
   padding: 2px 4px 2px 0;
   transform: translate(-5px, -50%);
-  font-size: 11px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .rp-net__node--in {
   transform: translate(-7px, -50%);
@@ -5997,7 +5997,7 @@
   outline-offset: 2px;
 }
 .rp-net__node--sel .rp-net__label {
-  font-weight: 600;
+  font-weight: var(--fw-strong);
   text-decoration: underline;
   text-underline-offset: 2px;
 }
@@ -6039,8 +6039,8 @@
   flex-wrap: wrap;
   align-items: center;
   gap: 16px;
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-net__legend > span {
   display: inline-flex;
@@ -6060,13 +6060,13 @@
   flex: 1 1 240px;
   flex-direction: column;
   min-width: 0;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .rp-net__path {
   font-family: var(--mono);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   color: var(--muted-foreground);
-  overflow-wrap: anywhere;
+  overflow-wrap: anywhere; line-height: var(--lh-meta);
 }
 
 /* People (people-directory): the PM's people directory — list on left, person's page on right. */
@@ -6117,14 +6117,14 @@
 }
 .rp-people-merge__title {
   margin: 0;
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--foreground);
+  font-size: var(--fs-body);
+  font-weight: var(--fw-regular);
+  color: var(--foreground); line-height: var(--lh-body);
 }
 .rp-people-merge__why {
   margin: 2px 0 0;
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-people-grid {
   display: grid;
@@ -6158,7 +6158,7 @@
   display: flex;
   flex: 1;
   justify-content: space-between;
-  font: 11px var(--mono);
+  font: var(--fs-meta)/var(--lh-meta) var(--mono);
   text-transform: uppercase;
   color: var(--muted-foreground);
   margin: 0;
@@ -6196,10 +6196,10 @@
   background: var(--muted);
   display: grid;
   place-items: center;
-  font-size: 12px;
-  font-weight: 600;
+  font-size: var(--fs-label);
+  font-weight: var(--fw-strong);
   flex: none;
-  color: var(--foreground);
+  color: var(--foreground); line-height: var(--lh-label);
 }
 .rp-people-row__text {
   flex: 1;
@@ -6207,27 +6207,27 @@
 }
 .rp-people-row__name {
   margin: 0;
-  font-size: 14px;
-  font-weight: 500;
+  font-size: var(--fs-body);
+  font-weight: var(--fw-regular);
   white-space: nowrap;
   overflow: hidden;
-  text-overflow: ellipsis;
+  text-overflow: ellipsis; line-height: var(--lh-body);
 }
 .rp-people-row__meta {
   margin: 2px 0 0;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   color: var(--muted-foreground);
   white-space: nowrap;
   overflow: hidden;
-  text-overflow: ellipsis;
+  text-overflow: ellipsis; line-height: var(--lh-meta);
 }
 .rp-people-row__tone {
   display: inline-flex;
   align-items: center;
   gap: 5px;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   color: var(--muted-foreground);
-  flex: none;
+  flex: none; line-height: var(--lh-meta);
 }
 .rp-people-row__tone-dot {
   width: 8px;
@@ -6262,10 +6262,10 @@
   background: var(--muted);
   display: grid;
   place-items: center;
-  font-size: 16px;
-  font-weight: 600;
+  font-size: var(--fs-row);
+  font-weight: var(--fw-strong);
   flex: none;
-  color: var(--foreground);
+  color: var(--foreground); line-height: var(--lh-row);
 }
 .rp-people-page__text {
   flex: 1;
@@ -6273,8 +6273,8 @@
 }
 .rp-people-page__name {
   margin: 0;
-  font-size: 20px;
-  font-weight: 500;
+  font-size: var(--fs-panel);
+  font-weight: var(--fw-regular); line-height: var(--lh-panel);
 }
 .rp-people-page__actions {
   display: flex;
@@ -6297,21 +6297,21 @@
 }
 .rp-people-tile__label {
   margin: 0;
-  font: 11px var(--mono);
+  font: var(--fs-meta)/var(--lh-meta) var(--mono);
   text-transform: uppercase;
   color: var(--muted-foreground);
   letter-spacing: 0.04em;
 }
 .rp-people-tile b {
-  font-size: 14px;
-  font-weight: 500;
+  font-size: var(--fs-body);
+  font-weight: var(--fw-regular);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: var(--foreground);
   display: flex;
   align-items: center;
-  gap: 5px;
+  gap: 5px; line-height: var(--lh-body);
 }
 .rp-people-tile__dot {
   display: inline-block;
@@ -6345,19 +6345,19 @@
 }
 .rp-people-sec__title {
   margin: 0;
-  font: 11px var(--mono);
+  font: var(--fs-meta)/var(--lh-meta) var(--mono);
   text-transform: uppercase;
   color: var(--muted-foreground);
   letter-spacing: 0.04em;
 }
 .rp-people-hint {
   margin: 0;
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-people-tone {
   margin: 0;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .rp-people-acts {
   display: flex;
@@ -6400,13 +6400,13 @@
 .rp-people-shared,
 .rp-people-handle {
   margin: 0;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .rp-people-int small {
   display: block;
   margin-top: 2px;
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-people-shared {
   display: flex;
@@ -6427,7 +6427,7 @@
   padding: 0 10px;
   border-radius: 6px;
   background: var(--muted);
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .rp-people-chip.warn {
   color: var(--warning);
@@ -6441,9 +6441,9 @@
   border: 1px solid var(--border);
 }
 .rp-people-note__text {
-  font-size: 14px;
+  font-size: var(--fs-body);
   white-space: pre-wrap;
-  overflow-wrap: anywhere;
+  overflow-wrap: anywhere; line-height: var(--lh-body);
 }
 .rp-people-noteadd {
   display: flex;
@@ -6465,10 +6465,10 @@
   list-style: none;
   cursor: pointer;
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   display: flex;
   gap: 6px;
-  align-items: center;
+  align-items: center; line-height: var(--lh-meta);
 }
 .rp-people-sec summary::-webkit-details-marker {
   display: none;
@@ -6519,8 +6519,8 @@
 .rp-mywork-title {
   flex: 1;
   margin: 0;
-  font-size: 20px;
-  font-weight: 600;
+  font-size: var(--fs-page);
+  font-weight: var(--fw-strong); line-height: var(--lh-page);
 }
 .rp-mywork-strip > .rp-mywork-hint:first-child {
   color: var(--foreground);
@@ -6585,12 +6585,12 @@
   min-width: 0;
 }
 .rp-mywork-row__title {
-  font-weight: 500;
-  font-size: 14px;
+  font-weight: var(--fw-regular);
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .rp-mywork-row__meta {
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-mywork-row--open {
   background: var(--accent);
@@ -6625,15 +6625,15 @@
 }
 .rp-mywork-who__title {
   margin: 0;
-  font-size: 16px;
-  font-weight: 500;
+  font-size: var(--fs-body);
+  font-weight: var(--fw-regular); line-height: var(--lh-body);
 }
 .rp-mywork-link {
   display: inline-flex;
   align-items: center;
   gap: 4px;
-  font-size: 12px;
-  color: var(--foreground);
+  font-size: var(--fs-meta);
+  color: var(--foreground); line-height: var(--lh-meta);
 }
 .rp-mywork-sec,
 .rp-mywork-brief,
@@ -6645,19 +6645,19 @@
 .rp-mywork-sec__title,
 .rp-mywork-sub {
   margin: 0;
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  font-weight: var(--fw-regular);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-mywork-hint {
   margin: 0;
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .rp-mywork-text {
   margin: 0;
-  font-size: 14px;
-  overflow-wrap: anywhere;
+  font-size: var(--fs-body);
+  overflow-wrap: anywhere; line-height: var(--lh-body);
 }
 .rp-mywork-quote {
   padding-left: 8px;
@@ -6667,7 +6667,7 @@
 .rp-mywork-open {
   margin: 0;
   padding-left: 16px;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .rp-mywork-acts {
   display: flex;
@@ -6699,9 +6699,9 @@
 }
 .nt-h {
   margin: 0;
-  font-size: 20px;
+  font-size: var(--fs-panel);
   line-height: 28px;
-  font-weight: 500;
+  font-weight: var(--fw-regular);
 }
 .nt-header {
   display: flex;
@@ -6721,13 +6721,13 @@
   gap: 4px 12px;
 }
 .nt-headl .nt-titlein {
-  font-size: 20px;
-  font-weight: 500;
+  font-size: var(--fs-page);
+  font-weight: var(--fw-regular); line-height: var(--lh-page);
 }
 .nt-when,
 .nt-saved {
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-acts {
   display: flex;
@@ -6740,8 +6740,8 @@
   align-items: center;
   gap: 8px;
   font-family: var(--mono);
-  font-size: 12px;
-  color: var(--foreground);
+  font-size: var(--fs-meta);
+  color: var(--foreground); line-height: var(--lh-meta);
 }
 .nt-live-dot {
   width: 8px;
@@ -6785,7 +6785,7 @@
   min-height: 96px;
   overflow: hidden;
   resize: none;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 22px;
 }
 .nt-row {
@@ -6801,11 +6801,11 @@
 }
 .nt-sec__h {
   margin: 0;
-  font-size: 11px;
-  font-weight: 500;
+  font-size: var(--fs-meta);
+  font-weight: var(--fw-regular);
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  color: var(--muted-foreground);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-items {
   margin: 0;
@@ -6820,7 +6820,7 @@
   gap: 8px;
   padding: 4px 0;
   border-bottom: 1px solid var(--border);
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
 }
 .nt-item--plain {
@@ -6836,21 +6836,21 @@
 .nt-at {
   flex: none;
   font-family: var(--mono);
-  font-size: 11px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-flag {
-  font-size: 12px;
-  color: var(--warning);
+  font-size: var(--fs-meta);
+  color: var(--warning); line-height: var(--lh-meta);
 }
 .nt-ok,
 .nt-rel {
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-hint {
   margin: 0;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 18px;
   color: var(--muted-foreground);
 }
@@ -6859,8 +6859,8 @@
 }
 .nt-consent {
   margin: 0;
-  font-size: 12px;
-  color: var(--foreground);
+  font-size: var(--fs-meta);
+  color: var(--foreground); line-height: var(--lh-meta);
 }
 .nt-trans {
   min-width: 0;
@@ -6878,7 +6878,7 @@
   gap: 12px;
 }
 .nt-ln {
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
   color: var(--muted-foreground);
 }
@@ -6892,11 +6892,11 @@
   display: flex;
   align-items: baseline;
   gap: 8px;
-  font-size: 11px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .nt-spk {
   color: var(--foreground);
-  font-weight: 500;
+  font-weight: var(--fw-regular);
 }
 .nt-lab {
   color: var(--muted-foreground);
@@ -6910,8 +6910,8 @@
   border-bottom: 1px solid var(--border);
 }
 .nt-set__head {
-  font-size: 14px;
-  font-weight: 500;
+  font-size: var(--fs-body);
+  font-weight: var(--fw-regular); line-height: var(--lh-body);
 }
 .nt-list {
   display: flex;
@@ -6928,7 +6928,7 @@
   background: var(--accent);
 }
 .nt-banner {
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
   color: var(--foreground);
 }
@@ -6936,12 +6936,12 @@
   color: var(--destructive);
 }
 .nt-md {
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 22px;
 }
 .nt-pre {
   white-space: pre-wrap;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .nt-now {
   background: var(--accent);
@@ -6959,16 +6959,16 @@
   margin-left: 4px;
   padding: 0 4px;
   border: 1px solid var(--border);
-  font-size: 11px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-tags .nt-tag {
   margin-left: 0;
 }
 .nt-edited {
-  font-size: 11px;
+  font-size: var(--fs-meta);
   font-style: italic;
-  color: var(--muted-foreground);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-heard {
   display: flex;
@@ -6987,7 +6987,7 @@
 .nt-diff {
   align-self: stretch;
   font-family: var(--mono);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 18px;
   white-space: pre-wrap;
 }
@@ -7019,7 +7019,7 @@
   display: flex;
   flex-direction: column;
   min-height: 96px;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 22px;
 }
 .nt-noteline {
@@ -7052,7 +7052,7 @@
   display: flex;
   flex-wrap: wrap;
   gap: 4px 24px;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .nt-link {
   display: flex;
@@ -7062,8 +7062,8 @@
   min-width: 0;
 }
 .nt-link__k {
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-picks,
 .nt-picks [role="radiogroup"] {
@@ -7124,7 +7124,7 @@
   border-radius: 8px;
   background: var(--background);
   color: var(--foreground);
-  font: 14px var(--sans);
+  font: var(--fs-body)/var(--lh-body) var(--sans);
 }
 .nt-mp-q:focus-visible {
   outline: 2px solid color-mix(in oklab, var(--ring) 50%, var(--foreground));
@@ -7156,7 +7156,7 @@
   border-radius: 6px;
   background: var(--background);
   color: var(--muted-foreground);
-  font: 14px var(--mono);
+  font: var(--fs-body)/var(--lh-body) var(--mono);
   cursor: pointer;
 }
 .nt-mp-day {
@@ -7167,7 +7167,7 @@
   border-radius: 6px;
   background: transparent;
   color: var(--foreground);
-  font: 12px var(--mono);
+  font: var(--fs-meta)/var(--lh-meta) var(--mono);
   cursor: pointer;
 }
 .nt-mp-day[aria-current="true"] {
@@ -7176,16 +7176,16 @@
 }
 .nt-mp-day__w,
 .nt-mp-day__n {
-  font-size: 11px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-mp-day__w {
   text-transform: uppercase;
   letter-spacing: 0.06em;
 }
 .nt-mp-day__d {
-  font-size: 14px;
-  font-weight: 500;
+  font-size: var(--fs-body);
+  font-weight: var(--fw-regular); line-height: var(--lh-body);
 }
 .nt-mp-day--note .nt-mp-day__d {
   text-decoration: underline 2px var(--foreground);
@@ -7197,7 +7197,7 @@
   gap: 8px;
   align-items: center;
   justify-content: space-between;
-  font: 12px var(--mono);
+  font: var(--fs-meta)/var(--lh-meta) var(--mono);
   color: var(--muted-foreground);
 }
 .nt-mp-jump {
@@ -7206,7 +7206,7 @@
   border-radius: 6px;
   background: var(--background);
   color: var(--foreground);
-  font: 12px var(--mono);
+  font: var(--fs-meta)/var(--lh-meta) var(--mono);
 }
 .nt-mp-lnk {
   align-self: flex-start;
@@ -7214,7 +7214,7 @@
   border: 0;
   background: transparent;
   color: var(--foreground);
-  font: 12px var(--mono);
+  font: var(--fs-meta)/var(--lh-meta) var(--mono);
   text-decoration: underline;
   text-underline-offset: 2px;
   cursor: pointer;
@@ -7228,7 +7228,7 @@
   gap: 8px;
 }
 .nt-mp-gh {
-  font: 500 12px var(--mono);
+  font: var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);
   color: var(--muted-foreground);
   text-transform: uppercase;
   letter-spacing: 0.06em;
@@ -7243,7 +7243,7 @@
   border-radius: 6px;
   background: var(--muted);
   color: var(--muted-foreground);
-  font: 500 11px var(--mono);
+  font: var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);
   white-space: nowrap;
 }
 .nt-mp-tag--best {
@@ -7286,8 +7286,8 @@
   min-width: 0;
 }
 .nt-lrow__meta {
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 
 /* meeting-notes Runs 5 and 6: the note in one column, as the pop-up draws it */
@@ -7347,7 +7347,7 @@
 }
 .nt-live b {
   font-family: var(--sans);
-  font-weight: 500;
+  font-weight: var(--fw-regular);
 }
 .nt-when .nt-link + .nt-link::before,
 .nt-when > span:first-child::after {
@@ -7379,8 +7379,8 @@
   display: flex;
   align-items: center;
   gap: 8px;
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-avs {
   display: inline-flex;
@@ -7391,10 +7391,10 @@
   height: 24px;
   display: inline-grid;
   place-items: center;
-  font-size: 11px;
-  font-weight: 500;
+  font-size: var(--fs-meta);
+  font-weight: var(--fw-regular);
   color: var(--foreground);
-  background: var(--muted);
+  background: var(--muted); line-height: var(--lh-meta);
 }
 .nt-body2 {
   display: flex;
@@ -7415,7 +7415,7 @@
   cursor: pointer;
 }
 .nt-src {
-  font-weight: 400;
+  font-weight: var(--fw-regular);
   letter-spacing: normal;
   text-transform: none;
 }
@@ -7443,40 +7443,40 @@
 }
 .nt-spk--typed {
   color: var(--foreground);
-  font-weight: 500;
+  font-weight: var(--fw-regular);
 }
 .nt-para {
   margin: 0 0 8px;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
 }
 .nt-quote {
   display: block;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 18px;
   color: var(--muted-foreground);
 }
 .nt-detail {
   display: block;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 18px;
   color: var(--muted-foreground);
 }
 .nt-topic {
   margin: 4px 0 8px;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .nt-item__head {
   display: flex;
   gap: 8px;
   align-items: center;
   margin-bottom: 4px;
-  font-size: 12px;
-  color: var(--muted);
+  font-size: var(--fs-meta);
+  color: var(--muted); line-height: var(--lh-meta);
 }
 .nt-item__text {
   margin: 4px 0;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 1.4;
   color: var(--foreground);
 }
@@ -7499,16 +7499,16 @@
   gap: 4px;
 }
 .nt-conflict__label {
-  font-size: 12px;
-  font-weight: 500;
+  font-size: var(--fs-meta);
+  font-weight: var(--fw-regular);
   color: var(--muted);
   margin: 0;
   text-transform: uppercase;
-  letter-spacing: 0.5px;
+  letter-spacing: 0.5px; line-height: var(--lh-meta);
 }
 .nt-conflict__side p {
   margin: 0;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 1.4;
   padding: 8px;
   background: var(--surface);
@@ -7557,14 +7557,14 @@
   align-items: baseline;
   gap: 8px;
   margin: 0;
-  font-size: 12px;
-  font-weight: 600;
+  font-size: var(--fs-label);
+  font-weight: var(--fw-strong);
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  color: var(--muted-foreground);
+  color: var(--muted-foreground); line-height: var(--lh-label);
 }
 .nt-pg-label__n {
-  font-weight: 400;
+  font-weight: var(--fw-regular);
   letter-spacing: 0;
   text-transform: none;
 }
@@ -7582,9 +7582,9 @@
   display: flex;
   justify-content: space-between;
   margin: 6px 8px 2px;
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--muted-foreground);
+  font-size: var(--fs-label);
+  font-weight: var(--fw-strong);
+  color: var(--muted-foreground); line-height: var(--lh-label);
 }
 .nt-pg-row:has([aria-current="true"]) {
   background: var(--accent);
@@ -7594,9 +7594,9 @@
   width: 48px;
   flex: none;
   font-family: var(--mono);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   color: var(--muted-foreground);
-  font-variant-numeric: tabular-nums;
+  font-variant-numeric: tabular-nums; line-height: var(--lh-meta);
 }
 .nt-pg-warn-dot {
   display: inline-block;
@@ -7613,10 +7613,10 @@
 }
 .nt-pg-meta {
   font-family: var(--mono);
-  font-size: 11px;
+  font-size: var(--fs-meta);
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  color: var(--muted-foreground);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-pg-titlerow {
   display: flex;
@@ -7647,7 +7647,7 @@
   padding: 10px 12px;
   border: 1px solid var(--border);
   border-radius: 8px;
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .nt-pg-info dt {
   color: var(--muted-foreground);
@@ -7674,8 +7674,8 @@
 .nt-pg-ctx__sum {
   flex: 1;
   min-width: 0;
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-pg-ctx__toggle--open svg {
   transform: rotate(180deg);
@@ -7689,15 +7689,15 @@
 }
 .nt-pg-ctx__col h4 {
   margin: 0 0 6px;
-  font-size: 11px;
-  font-weight: 500;
+  font-size: var(--fs-meta);
+  font-weight: var(--fw-regular);
   letter-spacing: 0.06em;
   text-transform: uppercase;
-  color: var(--muted-foreground);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-pg-ctx__col p {
   margin: 0 0 6px;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .nt-pg-ctx__col ul {
   display: flex;
@@ -7711,7 +7711,7 @@
   display: flex;
   align-items: flex-start;
   gap: 8px;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .nt-pg-ctx__note {
   grid-column: 1 / -1;
@@ -7724,8 +7724,8 @@
   height: 22px;
   border-radius: 6px;
   background: var(--muted);
-  font-size: 11px;
-  font-weight: 500;
+  font-size: var(--fs-meta);
+  font-weight: var(--fw-regular); line-height: var(--lh-meta);
 }
 .nt-pg-ag__mk {
   display: inline-grid;
@@ -7736,7 +7736,7 @@
   margin-top: 2px;
   border: 1px solid var(--border);
   border-radius: 0;
-  font-size: 11px;
+  font-size: var(--fs-meta);
   line-height: 1;
 }
 .nt-pg-ag--heard .nt-pg-ag__mk {
@@ -7757,9 +7757,9 @@
   padding: 0 6px;
   border: 1px solid var(--border);
   border-radius: 6px;
-  font-size: 11px;
+  font-size: var(--fs-meta);
   color: var(--muted-foreground);
-  text-decoration: none;
+  text-decoration: none; line-height: var(--lh-meta);
 }
 @media (hover: hover) {
   .nt-pg-chip[href]:hover {
@@ -7771,7 +7771,7 @@
   grid-template-columns: 70px minmax(0, 1fr);
   gap: 2px 10px;
   margin: 0;
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .nt-pg-dl dt {
   color: var(--muted-foreground);
@@ -7826,7 +7826,7 @@
   display: flex;
   align-items: baseline;
   gap: 8px;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
 }
 .nt-pg-li > .nt-pg-warn-dot {
@@ -7841,9 +7841,9 @@
   width: 44px;
   flex: none;
   font-family: var(--mono);
-  font-size: 12px;
+  font-size: var(--fs-meta);
   color: var(--muted-foreground);
-  font-variant-numeric: tabular-nums;
+  font-variant-numeric: tabular-nums; line-height: var(--lh-meta);
 }
 .nt-pg-li__text {
   flex: 1;
@@ -7852,13 +7852,13 @@
 .nt-pg-li__who {
   flex: none;
   font-family: var(--mono);
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-pg-sub {
   display: block;
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-pg-tag {
   flex: none;
@@ -7866,18 +7866,18 @@
   border: 1px solid var(--input);
   border-radius: 6px;
   font-family: var(--mono);
-  font-size: 11px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .nt-pg-dim {
   color: var(--muted-foreground);
 }
 .nt-pg-mono {
   font-family: var(--mono);
-  font-size: 12px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .nt-pg-para {
   margin: 0;
-  font-size: 16px;
+  font-size: var(--fs-body);
   line-height: 24px;
 }
 .nt-pg-sr {
@@ -7903,8 +7903,8 @@
 }
 .nt-pg-fold__sum {
   cursor: pointer;
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-pg-fold__sum:focus-visible {
   outline: 2px solid color-mix(in oklab, var(--ring) 50%, var(--foreground));
@@ -7912,12 +7912,12 @@
 }
 .nt-pg-topic__h {
   margin: 8px 0 2px;
-  font-size: 14px;
-  font-weight: 600;
+  font-size: var(--fs-section);
+  font-weight: var(--fw-strong); line-height: var(--lh-section);
 }
 .nt-pg-topic__p {
   margin: 0;
-  font-size: 14px;
+  font-size: var(--fs-body);
   line-height: 20px;
   color: var(--muted-foreground);
 }
@@ -7969,20 +7969,20 @@
 .nt-hl-title {
   flex: 1;
   margin: 0;
-  font-size: 16px;
-  font-weight: 600;
+  font-size: var(--fs-row);
+  font-weight: var(--fw-strong); line-height: var(--lh-row);
 }
 .nt-hl-at {
   font-family: var(--mono);
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-hl-tag {
   padding: 0 6px;
   border: 1px solid var(--input);
   border-radius: 6px;
   font-family: var(--mono);
-  font-size: 11px;
+  font-size: var(--fs-meta); line-height: var(--lh-meta);
 }
 .nt-hl-steps {
   display: flex;
@@ -7991,7 +7991,7 @@
   margin: 0;
   padding: 0;
   list-style: none;
-  font-size: 14px;
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .nt-hl-step {
   display: flex;
@@ -8011,8 +8011,8 @@
 .nt-hl-left {
   margin-left: auto;
   font-family: var(--mono);
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .nt-hl-durs {
   display: flex;
@@ -8020,7 +8020,7 @@
 }
 .nt-hl-text {
   margin: 0;
-  font-size: 16px;
+  font-size: var(--fs-body);
   line-height: 24px;
 }
 .nt-hl-acts {
@@ -8086,7 +8086,7 @@
   margin: 0;
   max-height: 160px;
   overflow: auto;
-  font-size: 12px;
+  font-size: var(--fs-meta);
   line-height: 18px;
   white-space: pre-wrap;
   color: var(--muted-foreground);
@@ -8122,7 +8122,7 @@
   height: 36px;
   display: grid;
   place-items: center;
-  font: 600 14px var(--sans);
+  font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--sans);
   background: var(--secondary);
   color: var(--foreground);
   border: 1px solid transparent;
@@ -8176,8 +8176,8 @@
   align-items: center;
   padding: 5px 12px;
   border-top: 1px solid var(--border);
-  font-size: 12px;
-  color: var(--muted-foreground);
+  font-size: var(--fs-meta);
+  color: var(--muted-foreground); line-height: var(--lh-meta);
 }
 .lg-dock-bottom[hidden] { display: none; }
 .lg-dock-bottom__title {
@@ -8223,12 +8223,12 @@
 }
 .wl-page.c3 .wl-top h1 {
   margin: 0;
-  font-size: var(--fs-4);
-  font-weight: 600;
-  letter-spacing: 0.04em;
+  font-size: var(--fs-row);
+  font-weight: var(--fw-strong);
+  letter-spacing: 0.04em; line-height: var(--lh-row);
 }
 .wl-page.c3 .wl-sub {
-  font: var(--fs-2) var(--mono);
+  font: var(--fs-meta)/var(--lh-meta) var(--mono);
   color: var(--muted-foreground);
 }
 .wl-page.c3 .wl-tools {
@@ -8267,7 +8267,7 @@
   display: inline-flex;
   gap: 4px;
   align-items: center;
-  font: var(--fs-1) var(--mono);
+  font: var(--fs-meta)/var(--lh-meta) var(--mono);
   color: var(--muted-foreground);
   cursor: pointer;
 }
@@ -8276,7 +8276,7 @@
 }
 .wl-page.c3 .wl-stepbtn[aria-current="step"] {
   color: var(--foreground);
-  font-weight: 700;
+  font-weight: var(--fw-strong);
 }
 .wl-page.c3 .wl-stepbtn:focus-visible {
   outline: 2px solid color-mix(in oklab, var(--ring) 50%, var(--foreground));
@@ -8284,14 +8284,14 @@
 }
 .wl-page.c3 .wl-head h1 {
   margin: 0;
-  font-size: var(--fs-5);
+  font-size: var(--fs-page);
   line-height: 1.2;
-  font-weight: 600;
+  font-weight: var(--fw-strong);
 }
 .wl-page.c3 .wl-lead {
   margin: 4px 0 0;
   color: var(--muted-foreground);
-  font-size: var(--fs-3);
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .wl-page.c3 .wl-card {
   gap: var(--sp-3);
@@ -8308,7 +8308,7 @@
 }
 .wl-page.c3 .wl-card .sh2 h2 {
   margin: 0;
-  font: 500 var(--fs-2) var(--mono);
+  font: var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);
   color: var(--muted-foreground);
   text-transform: uppercase;
   letter-spacing: 0.06em;
@@ -8348,8 +8348,8 @@
   color: var(--destructive);
 }
 .wl-page.c3 .wl-small {
-  font-size: var(--fs-2);
-  margin: 0;
+  font-size: var(--fs-meta);
+  margin: 0; line-height: var(--lh-meta);
 }
 .wl-page.c3 .wl-bad {
   color: var(--destructive);
@@ -8360,8 +8360,8 @@
 }
 .wl-page.c3 .wl-flabel,
 .wl-page.c3 .wl-qt {
-  font-size: var(--fs-2);
-  font-weight: 500;
+  font-size: var(--fs-meta);
+  font-weight: var(--fw-regular); line-height: var(--lh-meta);
 }
 .wl-page.c3 .wl-fld input,
 .wl-page.c3 .wl-fld select,
@@ -8388,7 +8388,7 @@
   gap: 8px;
   align-items: center;
   min-height: 32px;
-  font-size: var(--fs-3);
+  font-size: var(--fs-body); line-height: var(--lh-body);
 }
 .wl-page.c3 .wl-opt input {
   accent-color: var(--foreground);
@@ -8404,19 +8404,19 @@
   padding: 6px 0;
 }
 .wl-page.c3 .wl-tool label > span {
-  font-weight: 600;
+  font-weight: var(--fw-strong);
 }
 .wl-page.c3 .wl-cb label > span:empty {
   display: none;
 }
 .wl-page.c3 .wl-tool .dim {
-  font-size: var(--fs-2);
-  padding-left: 24px;
+  font-size: var(--fs-meta);
+  padding-left: 24px; line-height: var(--lh-meta);
 }
 .wl-page.c3 .wl-err {
   color: var(--destructive);
-  font-size: var(--fs-2);
-  padding-left: 24px;
+  font-size: var(--fs-meta);
+  padding-left: 24px; line-height: var(--lh-meta);
 }
 .wl-page.c3 .wl-num {
   counter-reset: wln;
@@ -8426,7 +8426,7 @@
 }
 .wl-page.c3 .wl-num > li .ki::before {
   content: counter(wln);
-  font: 500 var(--fs-2) var(--mono);
+  font: var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);
 }
 .wl-page.c3 .wl-card .nrow {
   grid-template-columns: auto minmax(0, 1fr) auto;
@@ -8493,7 +8493,7 @@
   .wl-page.c3 .wl-q > input,
   .wl-page.c3 .wl-opt input[type="text"] {
     min-height: 44px;
-    font-size: 16px;
+    font-size: var(--fs-body); line-height: var(--lh-body);
   }
   .wl-page.c3 .wl-opt,
   .wl-page.c3 .wl-stepbtn,