Control scale: Button/IconButton primitives, two-height tokens, app-wide migration

src/app/components/DatasetsModal.module.css

@@ -15,27 +15,10 @@
   border-right: var(--border-width) solid var(--border);
 }
 
+/* A shared primary Button (lg); locally just pinned with a margin. */
 .newButton {
   flex: 0 0 auto;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--space-2);
   margin: var(--space-4);
-  height: 40px;
-  padding: 0 var(--space-5);
-  border: var(--border-width) solid transparent;
-  border-radius: var(--radius);
-  background: var(--accent);
-  color: var(--accent-contrast);
-  font: inherit;
-  font-weight: 600;
-  cursor: pointer;
-  transition: background var(--dur-fast) var(--ease);
-}
-
-.newButton:hover {
-  background: var(--accent-hover);
 }
 
 .list {
@@ -177,56 +160,7 @@
   justify-content: flex-end;
 }
 
-.action {
-  height: 32px;
-  padding: 0 var(--space-4);
-  border: var(--border-width) solid var(--border-strong);
-  border-radius: var(--radius);
-  background: transparent;
-  color: var(--text);
-  font: inherit;
-  font-size: 13px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: background var(--dur-fast) var(--ease);
-}
-
-.action:hover:not(:disabled) {
-  background: var(--layer-01);
-}
-
-.action:disabled {
-  color: var(--text-placeholder);
-  border-color: var(--border);
-  cursor: not-allowed;
-}
-
-.action:focus-visible {
-  outline: 2px solid var(--focus);
-  outline-offset: 2px;
-}
-
-.primary {
-  background: var(--accent);
-  border-color: transparent;
-  color: var(--accent-contrast);
-  font-weight: 600;
-}
-
-.primary:hover:not(:disabled) {
-  background: var(--accent-hover);
-}
-
-.danger {
-  border-color: var(--border-strong);
-  color: var(--support-error);
-}
-
-.danger:hover:not(:disabled) {
-  background: var(--support-error);
-  color: var(--on-status);
-  border-color: transparent;
-}
+/* Actions are shared Buttons (secondary / primary / danger-outline). */
 
 .comment {
   margin: 0;