.button{height:var(--control-height);border-radius:var(--radius-md);font:var(--font-weight-medium) var(--control-font-size) var(--font-sans);cursor:pointer;transition:background var(--transition-fast);box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.button:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}.button:disabled{opacity:.6;cursor:default}.button-primary{background:var(--color-fg);color:var(--color-on-fg)}.button-primary:hover:not(:disabled){background:var(--color-fg-hover)}.button-secondary{border-color:var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs);color:var(--color-fg)}.button-secondary:hover:not(:disabled){background:var(--color-hover)}.button-danger{background:var(--color-danger);color:var(--color-on-fg)}.button-danger:hover:not(:disabled){background:var(--color-danger-hover)}.button-danger-subtle{border-color:var(--color-danger-border);background:var(--color-surface);box-shadow:var(--shadow-xs);color:var(--color-danger)}.button-danger-subtle:hover:not(:disabled){background:var(--color-danger-bg)}