/* Button.css — `<Button>` primitive variant gloss.
 *
 * What lives here vs. what lives in theme.css:
 *   The base `.manifold-button` shape (padding, font-family, border-radius,
 *   default colors) plus the `.primary`, `.small`, and `.danger` variants
 *   are all owned by `themes/default/theme.css` (and its sibling theme
 *   files) from Phase 16. Each theme redefines the `--mt-*` palette in its
 *   :root[data-theme="..."] sentinel block, and the cascade picks up the
 *   right colors automatically.
 *
 *   This file ships ONLY the new `.ghost` variant added in Phase 17. It
 *   exists in this primitive-scoped file (not theme.css) because:
 *
 *     - `.ghost` is novel — no theme had it before P17, so adding it to
 *       theme.css would shotgun-edit every theme file in the same commit
 *       just to add the same rule four times. Keeping it here means the
 *       cascade still resolves correctly (themes redefine --mt-* tokens;
 *       the rule reads them) without forcing parallel theme.css edits.
 *
 *     - PRIM-STYLE (R5) says primitive CSS is consume-only: it reads
 *       `var(--mt-*)` tokens and contains zero hex literals + zero
 *       variable declarations. This rule satisfies that contract.
 *
 * `ghost` aesthetic intent:
 *   Transparent background, dim foreground (text reads at lower contrast
 *   than primary/secondary), single-pixel border the same color family as
 *   the panel chrome. On hover the foreground lifts to full strength and
 *   the border switches to the `--mt-border-strong` accent so the hit
 *   target reads. Matches the existing dashboard's restrained admin-tool
 *   aesthetic — no purple gradients, no shadow ramps; just the dim →
 *   active state transition.
 *
 *   Token reference (confirm in `themes/default/theme.css`):
 *     --mt-dim            — secondary-text foreground (dim grey, default)
 *     --mt-fg             — primary-text foreground   (near-white, default)
 *     --mt-border         — panel/control border base (low-contrast, default)
 *     --mt-border-strong  — emphasized border         (mid-contrast, default)
 *
 *   Per the plan's revision-fix W-4: `--mt-border-hi` does NOT exist in
 *   theme.css; the legacy `--m-border-hi` (older `--m-*` namespace) does,
 *   but a Phase 17 primitive should stay in the `--mt-*` namespace for
 *   consistency. `--mt-border-strong` is the correct emphasized-border
 *   token.
 */

.manifold-button.ghost {
  background: transparent;
  color: var(--mt-dim);
  border: 1px solid var(--mt-border);
}

.manifold-button.ghost:hover {
  color: var(--mt-fg);
  border-color: var(--mt-border-strong);
}