/* components/buttons.css — ink hardware: hairline border, no fill, no glow.
   Interactive states are underlines and weight, never gradients. */
.btn{
  display:inline-flex; align-items:center; gap:.5rem; padding:.75rem 1.4rem;
  border:1px solid var(--ink); border-radius:0;
  background:none;
  color:var(--ink); font-family:var(--font-mono); font-size:11px; letter-spacing:.2em;
  text-transform:uppercase; position:relative; transition:.18s; text-decoration:none;
}
.btn:hover{ box-shadow:0 0 0 1px var(--ink); color:var(--ink) }
/* the solid button inverts: ink block, bone text — contrast in weight, not colour */
.btn--solid{ background:var(--ink); color:var(--paper); font-weight:600 }
.btn--solid:hover{ background:var(--accent); border-color:var(--accent); color:var(--paper) }
.btn--ghost{ border-color:var(--rule); color:var(--fg-muted) }
.btn--ghost:hover{ color:var(--ink); border-color:var(--ink); box-shadow:none }
.btn--danger{ border-color:var(--rust); color:var(--rust) }
.btn--sm{ padding:.45rem .85rem; font-size:10px }
.btn[disabled]{ opacity:.35; pointer-events:none }