/* Ui::ButtonComponent — sharp, sem sombra; primária = preenchida (grafite/marca).
   Aplica-se a <button>, <input type=submit> e <a> (link estilizado como botão). */
.c-ui-button{
  display: inline-flex; align-items: center;
  height: var(--control-h); /* gabarito único de ação (doc 52) — altura fixa, não derivada do padding */
  font: 600 var(--fs-ui)/1 var(--font-ui);
  letter-spacing: -.01em;
  border: 1.5px solid var(--line-2);
  background: transparent;
  color: var(--ink);
  padding: 0 16px;
  cursor: pointer;
  transition: background var(--t1) var(--ease), border-color var(--t1) var(--ease),
              color var(--t1) var(--ease), transform var(--t1) var(--ease);
}
.c-ui-button:hover{ background: #f4f4f3; border-color: var(--ink-3); }
.c-ui-button:active{ transform: translateY(1px); }
.c-ui-button--solid{ background: var(--brand); color: #fff; border-color: var(--brand); }
.c-ui-button--solid:hover{ background: var(--brand-ink); border-color: var(--brand-ink); }
.c-ui-button--danger{ border-color: var(--danger); color: var(--danger); background: transparent; }
.c-ui-button--danger:hover{ background: var(--danger); color: #fff; border-color: var(--danger); }